@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-user-select: auto; }

body { -webkit-font-smoothing: antialiased; background-color: #f8f8f8; font: 12px/1.5 "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; color: #666; }

em, i { font-style: normal; }

li { list-style: none; }

img { border: 0; vertical-align: middle; }

button { cursor: pointer; }

a { color: #262626; text-decoration: none; cursor: pointer; }

input, textarea, select, button { font-family: "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; }

.clear { clear: both; width: 100%; height: 0px; overflow: hidden; }

.clearb { clear: both; display: block; margin: 0; padding: 0; height: 10px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; }

.fr { float: right; }

input[type="number"] { -moz-appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input::-webkit-input-placeholder { color: #acacac; }

input:-moz-placeholder { color: #acacac; }

input::-moz-placeholder { color: #acacac; }

input:-ms-input-placeholder { color: #acacac; }

::-webkit-scrollbar { width: 4px; height: 12px; }

::-webkit-scrollbar-button { display: none; }

::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { background: #fff; }

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal { border-radius: 10px; -webkit-border-radius: 10px; background: #ccc; }

::-webkit-scrollbar-thumb:hover { background: #999; }

::-webkit-scrollbar-thumb:active { background: #666; }

.hide { display: none !important; }

@font-face { font-family: "iconfont";
  /* Project id 739994 */
src: url("../fonts/iconfont.woff2?t=1623208103225") format("woff2"), url("../fonts/iconfont.woff?t=1623208103225") format("woff"), url("../fonts/iconfont.ttf?t=1623208103225") format("truetype"); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-tips:before { content: "\ed19"; }

.icon-sigh:before { content: "\e60d"; }

.icon-swap:before { content: "\eaf5"; }

.icon-ic_order_select:before { content: "\e6a3"; } 

.icon-mark:before { content: "\e6e0"; }

.icon-onselected:before { content: "\e6de"; }

.icon-selected:before { content: "\e6dd"; }

.icon-notcheck:before { content: "\e6dc"; }

.icon-oncheck:before { content: "\e6db"; }

.icon-search:before { content: "\e6d4"; }

.icon-delete:before { content: "\e6d3"; }

.icon-setup:before { content: "\e6d0"; }

.icon-weizhifu:before { content: "\e6cf"; }

.icon-home:before { content: "\e6ce"; }

.icon-kefu:before { content: "\e6cd"; }

.icon-follow:before { content: "\e6cc"; }

.icon-pkgk:before { content: "\e6be"; }

.icon-onfollow:before { content: "\e6bd"; }

.icon-resume:before { content: "\e6bc"; }

.icon-shaixuan:before { content: "\e6bb"; }

.icon-type:before { content: "\e6ba"; }

.icon-hint:before { content: "\e710"; }

.icon-payment:before { content: "\e66c"; }

.icon-wechatpay:before { content: "\e672"; }

.icon-alipay:before { content: "\e656"; }

.icon-gotop:before { content: "\e64b"; }

.icon-arrow-r:before { content: "\e617"; }

.icon-editor:before { content: "\e626"; }

.icon-append:before { content: "\e613"; }

.icon-popclose:before { content: "\e711"; }

.icon-questions:before { content: "\e629"; }

.icon-radar:before { content: "\e62a"; }

.icon-news:before { content: "\e62c"; }

.icon-my:before { content: "\e62f"; }

.icon-refresh:before { content: "\e636"; }

.icon-switch:before { content: "\e68c"; }

.icon-unit:before { content: "\e690"; }

.icon-xueli:before { content: "\e691"; }

.icon-enroll:before { content: "\e692"; }

.icon-pen:before { content: "\e845"; }

.icon-answer:before { content: "\e646"; }

.icon-screen:before { content: "\e628"; }

.icon-remove:before { content: "\e608"; }

.icon-poto:before { content: "\e600"; }

.icon-close:before { content: "\e68f"; }

.icon-check:before { content: "\e631"; }

.icon-corner:before { content: "\e8b7"; }

.icon-place:before { content: "\e61b"; }

.icon-share:before { content: "\e60a"; }

.icon-down-triangle:before { content: "\e65a"; }

.mui-fullscreen { z-index: 8; }

.mui-bar { background: #fff; box-shadow: 0 0px 1px #ccc; height: 50px; }
.mui-bar .mui-title { color: #333; line-height: 50px; font-size: 1rem; }
.mui-bar .mui-title i { font-size: .7rem; margin-left: .5rem; }
.mui-bar .mui-pull-left, .mui-bar .mui-pull-right { color: #333; }
.mui-bar .mui-pull-right .text-link { font-size: .7rem; line-height: 50px; color: #333; }
.mui-bar .mui-pull-right ~ .mui-pull-right { margin-right: .75rem; }
.mui-bar .mui-pull-right.fdbk-record { position: relative; z-index: 10; }
.mui-bar .search-btn-box { margin-right: 3.5rem; height: 50px; padding: 7.5px 0; }
.mui-bar .search-btn-box a { display: block; height: 35px; line-height: 35px; background: #F5F5F5; padding: 0 .5rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; font-size: .8rem; color: #aaa; }
.mui-bar .search-btn-box a .icon-search { float: left; font-size: .8rem; margin-right: .25rem; }
.mui-bar .hd-search { margin: 0 2.5rem 0 2rem; height: 50px; padding: 7.5px 0; }
.mui-bar .hd-search span { position: relative; display: block; height: 35px; background: #F5F5F5; padding: 0 .5rem 0 2rem; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.mui-bar .hd-search span i { position: absolute; left: 0; top: 0; width: 2rem; text-align: center; font-size: .9rem; line-height: 35px; color: #aaa; }
.mui-bar .hd-search span input { margin: 0; background: none; height: 35px; line-height: 35px; padding: 0; text-align: left; color: #101010; }
.mui-bar .hd-search span input::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; }
.mui-bar .hd-search span input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; }
.mui-bar .hd-search span input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; }
.mui-bar .hd-search span input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; }
.mui-bar .hd-cancel { float: right; background: none; padding: 0; border: none; color: #333; line-height: 50px; }
.mui-bar.login-bar { background: #fff; }
.mui-bar.login-bar .mui-pull-left, .mui-bar.login-bar .mui-pull-right { color: #333; }
.mui-bar.login-bar .mui-title { color: #333; }
.mui-bar.index-bar { background: linear-gradient(to right, #68d6BF, #33C3A6); }
.mui-bar.index-bar .mui-title { color: #fff; }
.mui-bar.index-bar .mui-pull-left, .mui-bar.index-bar .mui-pull-right { color: #fff; }

.mui-bar-nav.mui-bar .mui-icon { margin: 0; padding: 0; font-size: 1rem; cursor: pointer; line-height: 50px; height: 50px; text-align: center; overflow: hidden; }
.mui-bar-nav.mui-bar .mui-icon:before { display: block; }
.mui-bar-nav.mui-bar .mui-line { text-align: center; }
.mui-bar-nav.mui-bar .mui-line .mui-icon { display: block; padding: 0; margin: 0; height: 30px; line-height: 30px; }
.mui-bar-nav.mui-bar .mui-line .mui-icon:before { display: inline-block; }
.mui-bar-nav .mui-tab-label { display: block; line-height: .8rem; }
.mui-bar-nav ~ .mui-content { padding-top: 50px; }

.mui-bar-tab { color: #fff; background: #fff; border-top: 1px solid #efefef; }
.mui-bar-tab .mui-tab-item { color: #555; }
.mui-bar-tab .mui-tab-item .mui-icon { width: 20px; height: 20px; background: url(../../images/must/foottab.png) no-repeat; background-size: 20px auto; }
.mui-bar-tab .mui-tab-item .mui-icon .mui-badge { left: 25px; background: linear-gradient(56deg, #ff6a30 0%, #fd3237 100%); }
.mui-bar-tab .mui-tab-item .home-ico { background-position: 0 0; }
.mui-bar-tab .mui-tab-item .radar-ico { background-position: 0 -40px; }
.mui-bar-tab .mui-tab-item .questions-ico { background-position: 0 -80px; }
.mui-bar-tab .mui-tab-item .news-ico { background-position: 0 -120px; }
.mui-bar-tab .mui-tab-item .my-ico { background-position: 0 -160px; }
.mui-bar-tab .mui-tab-item a { color: #555; }
.mui-bar-tab .mui-tab-item.mui-active { color: #33C3A6; }
.mui-bar-tab .mui-tab-item.mui-active .home-ico { background-position: 0 -20px; }
.mui-bar-tab .mui-tab-item.mui-active .radar-ico { background-position: 0 -60px; }
.mui-bar-tab .mui-tab-item.mui-active .questions-ico { background-position: 0 -100px; }
.mui-bar-tab .mui-tab-item.mui-active .news-ico { background-position: 0 -140px; }
.mui-bar-tab .mui-tab-item.mui-active .my-ico { background-position: 0 -180px; }
.mui-bar-tab .mui-tab-item.mui-active a { color: #33C3A6; }

.mui-content { background: none; }

.mui-off-canvas-right { background: #fff; width: 80vw; }

.text-red { color: #fa4628 !important; }

.underway { color: #fa4628 !important; }

.notstart { color: #333 !important; }

.fuzzy-red { transform: scale(0.9); -webkit-transform: scale(0.9); box-shadow: 0 0 10px 4px white; text-shadow: 0 0 8px #f1514e; opacity: 1; color: rgba(241, 81, 78, 0) !important; }

.head-tab { position: absolute; left: 44px; right: 44px; text-align: center; height: 50px; }
.head-tab ul { display: inline-block; }
.head-tab ul li { float: left; height: 50px; line-height: 50px; padding: 10px 0; }
.head-tab ul li a { float: left; width: 4rem; height: 30px; line-height: 28px; border: 1px solid #fff; background: #fff; color: #33C3A6; border-radius: 1rem; border-color: #33C3A6; font-size: .8rem; }
.head-tab ul li a:hover { background: white; }
.head-tab ul li a:focus { outline: none !important; }
.head-tab ul li.active a { border: 1px solid #33C3A6; background: #33C3A6; color: #fff; border-radius: 1rem; }
.head-tab ul li.active a:hover { background: #56d3ba; }
.head-tab ul li.active a:focus { outline: none !important; }
.head-tab ul li.active a.head-tab-l { border-radius: 1rem 0 0 1rem; }
.head-tab ul li.active a.head-tab-r { border-radius: 0 1rem 1rem 0; }
.head-tab ul li .head-tab-l { border-radius: 1rem 0 0 1rem; }
.head-tab ul li .head-tab-r { border-radius: 0 1rem 1rem 0; }

.m-list li { padding: .75rem 0; }
.m-list li a { display: block; color: #333; }
.m-list li a:visited { color: #999; }
.m-list li h2 { font-size: .8rem; color: #333; font-weight: 400; line-height: 1.25rem; margin-top: 0; margin-bottom: .5rem; word-wrap: break-word; }
.m-list li p { font-size: .7rem; color: #777; line-height: 1rem; margin: 0; }
.m-list li p ~ .listbar { padding-top: .5rem; }
.m-list li ~ li { border-top: 1px solid #efefef; }
.m-list .listbar { line-height: 1rem; }
.m-list .listbar .listbar-l { float: left; }
.m-list .listbar .listbar-l span { float: left; color: #a5a5a5; font-size: .6rem; padding-right: .25rem; }
.m-list .listbar .listbar-l span ~ span { position: relative; padding-left: .4rem; }
.m-list .listbar .listbar-l span ~ span:before { display: inline-block; position: absolute; left: 0; top: 50%; content: ''; width: 2px; height: 2px; margin-top: -1px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #999; }
.m-list .listbar .listbar-l span ~ time { float: left; padding-left: .4rem; padding-right: .25rem; }
.m-list .listbar .listbar-l span ~ time:before { display: inline-block; position: absolute; left: 0; top: 50%; content: ''; width: 2px; height: 2px; margin-top: -1px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #999; }
.m-list .listbar .listbar-l time { color: #a5a5a5; position: relative; font-size: .6rem; }
.m-list .listbar .listbar-r { float: right; }
.m-list .listbar .listbar-r time { color: #999; font-size: .6rem; padding-left: .15rem; }
.m-list .listbar .listbar-r label { border: 1px solid #33C3A6; color: #33C3A6; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; padding: 0 .15rem; font-size: .6rem; }
.m-list .listbar .listbar-r label ~ label { margin-left: .25rem; }
.m-list .listbar .listbar-r span { font-size: .6rem; color: #999; padding-left: .15rem; }
.m-list .listbar .listbar-r span i { padding-left: .25rem; }
.m-list .listbar .listbar-r span em { font-weight: 600; padding: 0 .15rem; }
.m-list .listbar .listbar-r span.reply-num { font-size: .6rem; color: #999; }
.m-list .listbar .listbar-r span.reply-num i { padding-right: .25rem; }

.big-index { z-index: 12; }

.g-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; }

.small-star { width: 125px; height: 16px; line-height: 16px; font-size: 12px; color: #888; }
.small-star .star-box { float: right; }

.star-box { display: inline-block; width: 80px; height: 16px; background: url(../../images/must/star.png) no-repeat; background-size: 80px auto; margin-left: 5px; }
.star-box.star0 { background-position: 0 0; }
.star-box.star5 { background-position: 0 -16px; }
.star-box.star10 { background-position: 0 -31px; }
.star-box.star15 { background-position: 0 -46px; }
.star-box.star20 { background-position: 0 -62px; }
.star-box.star25 { background-position: 0 -78px; }
.star-box.star30 { background-position: 0 -93px; }
.star-box.star35 { background-position: 0 -109px; }
.star-box.star40 { background-position: 0 -124px; }
.star-box.star45 { background-position: 0 -140px; }
.star-box.star50 { background-position: 0 -156px; }

.sp-banner { padding: 0 .5rem; }
.sp-banner a { display: block; }
.sp-banner a img { width: 100%; height: auto; }

.search-box { height: 2rem; }
.search-box .search-btn { float: right; width: 3rem; height: 2rem; font-size: .8rem; background: #33C3A6; color: #fff; border: 1px solid #33C3A6; border-radius: 0 .15rem .15rem 0; }
.search-box .search-input { display: block; height: 2rem; margin-right: 3rem; border: 1px solid #cfcfcf; border-radius: .15rem 0 0 .15rem; border-right: none; overflow: hidden; }
.search-box .search-input input { padding: 0 .25rem; font-size: .8rem; float: left; border: none; width: 100%; height: 2rem; line-height: 2rem; margin: 0; cursor: pointer; }
.search-box .search-input input::-webkit-input-placeholder { /* WebKit browsers */ font-size: .7rem; }
.search-box .search-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: .7rem; }
.search-box .search-input input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: .7rem; }
.search-box .search-input input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: .7rem; }

.foot-save , .experience-btn { height: 50px; padding: 5px 0; text-align: center; }
.foot-save button, .foot-save a, .experience-btn button, .experience-btn a { display: inline-block; width: 50%; height: 40px; line-height: 40px; font-size: .9rem; padding: 0; color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); border: none; border-radius: 40px; }
.foot-save.fdbk-vip , .experience-btn.fdbk-vip { padding: 0; }
.foot-save.fdbk-vip button, .experience-btn.fdbk-vip button { width: 100%; height: 50px; line-height: 50px; color: #5E3B1F; background: linear-gradient(45deg, #68d6BF, #33C3A6); border-radius: 0; }

.experience-btn { padding: .25rem .5rem; }
.experience-btn button, .experience-btn a { width: 100%; border-radius: .4rem; }

.md-tab .tab-nav { height: 2rem; border-bottom: 1px solid #efefef; position: relative; }
.md-tab .tab-nav > ul > li { float: left; margin-right: .5rem; height: 34px; line-height: 1rem; font-size: .7rem; color: #909599; cursor: pointer; }
.md-tab .tab-nav > ul > li.active { color: #f3554d; }
.md-tab .tab-nav .tab-line { display: block; position: absolute; left: 0; bottom: 0; width: 1rem; height: 2px; background: #f3554d; }
.md-tab .tab-content .tab-item { display: none; opacity: 0; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; }
.md-tab .tab-content .tab-item.active { display: block; opacity: 1; }

.m-prompt { padding: 1.5rem 0; width: 90%; margin: 0 auto; }
.m-prompt p { text-align: center; margin: 0; line-height: 1.5rem; font-size: .8rem; color: #999; }
.m-prompt p a { color: #fa4628; }

.search-recommend { padding: .5rem 1rem; background: #fff; margin-bottom: .5rem; border-bottom: 1px solid #efefef; }
.search-recommend .title { height: 1.5rem; line-height: 1.5rem; font-size: .8rem; color: #999; }
.search-recommend li { line-height: 1.5rem; padding: .25rem 0; font-size: .7rem; }
.search-recommend li a { color: #333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.search-recommend li a i { margin-right: .25rem; }
.search-recommend li ~ li { border: none; }

.search-history { padding: .5rem 1rem; background: #fff; margin-bottom: .5rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.search-history .title { height: 1.5rem; line-height: 1.5rem; font-size: .8rem; color: #999; }
.search-history .title i { float: right; }
.search-history ul { padding-top: .5rem; }
.search-history ul li { float: left; padding: .25rem 0; line-height: 1.5rem; padding-right: .5rem; }
.search-history ul li a { font-size: .7rem; color: #333; padding: 0 .5rem; background: #F5F5F5; border-radius: .15rem; }
.search-history ul li ~ li { border: none; }

.table-tip { font-weight: bold; font-size: .8rem; line-height: 1.5rem; padding: .5rem 0; }

.table-box { width: 100%; overflow-x: scroll; margin-bottom: .5rem; padding-bottom: .5rem; }
.table-box::-webkit-scrollbar { /*隐藏滚轮*/ display: none; }
.table-box table { width: 750px !important; border-collapse: collapse; text-align: center; font-size: .7rem; border: 1px solid #f1f1f1; line-height: 1.25rem; }
.table-box table td, .table-box table th { border: 1px solid #E7E7E7 !important; }

.mui-preview-image.mui-fullscreen { position: fixed; z-index: 20; background-color: #000; }

.mui-preview-header, .mui-preview-footer { position: absolute; width: 100%; left: 0; z-index: 10; }

.mui-preview-header { height: 44px; top: 0; }

.mui-preview-footer { height: 50px; bottom: 0px; }

.mui-preview-header .mui-preview-indicator { display: block; line-height: 25px; color: #fff; text-align: center; margin: 15px auto 4; width: 70px; background-color: rgba(0, 0, 0, 0.4); border-radius: 12px; font-size: 16px; }

.mui-preview-image { display: none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.mui-preview-image.mui-preview-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.mui-preview-image.mui-preview-out { background: none; -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.mui-preview-image.mui-preview-out .mui-preview-header, .mui-preview-image.mui-preview-out .mui-preview-footer { display: none; }

.mui-zoom-scroller { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; }

.mui-zoom { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.mui-slider .mui-slider-group .mui-slider-item img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img { width: 100%; }

.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item { display: inline-table; }

.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img { display: table-cell; vertical-align: middle; }

.mui-preview-loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; }

.mui-preview-loading.mui-active { display: block; }

.mui-preview-loading .mui-spinner-white { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; height: 50px; width: 50px; }

.mui-preview-image img.mui-transitioning { -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.layui-m-layerchild h3 { margin: 0; height: 2rem !important; line-height: 2rem !important; background: #eee; }
.layui-m-layerchild .layui-m-layercont { padding: .5rem .5rem 1rem; }

.not-data { padding: 1.5rem; text-align: center; background: #fff; }
.not-data span { display: block; font-size: .9rem; color: #333; padding-bottom: .5rem; }
.not-data p { line-height: 1.25rem; color: #666; font-size: .7rem; padding-bottom: .5rem; }
.not-data a { display: inline-block; line-height: 1.75rem; padding: 0 1.5rem; font-size: .8rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 0.25rem; }
.not-data a:hover { background: white; }
.not-data a:focus { outline: none !important; }
.not-data .notdata-img { width: 40%; margin: 0 auto; padding-bottom: 1rem; }
.not-data .notdata-img img { display: block; width: 100%; height: auto; }
.not-data.full-notdata { position: absolute; top: 50px; left: 0; right: 0; bottom: 0; padding: 3rem 1.5rem 1.5rem; z-index: 5; }

.emptybtn-grey { background: #fff !important; color: #999 !important; border: 1px solid #999 !important; }

.solidbtn-grey { background: #ccc !important; color: #fff !important; border: 1px solid #ccc !important; }

.share-mask { width: 100%; height: 100%; z-index: 99999; }
.share-mask span { display: inline-block; position: absolute; width: 60%; right: 20px; top: 20px; }
.share-mask span img { width: 100%; height: auto; }

.i-check { position: relative; cursor: pointer; line-height: 1.5rem; font-size: .8rem; color: #555; }
.i-check .icon-notcheck { color: #dfdfdf; font-size: .8rem; }
.i-check .icon-oncheck { color: #fa4628; font-size: .8rem; }
.i-check input[type="checkbox"] { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
.i-check label { cursor: pointer; }
.i-check label i { margin-right: 5px; }

.i-radio { position: relative; cursor: pointer; line-height: 1.5rem; font-size: .8rem; color: #555; }
.i-radio .icon-notcheck, .i-radio .icon-selected { color: #dfdfdf; font-size: .8rem; }
.i-radio .icon-oncheck, .i-radio .icon-onselected { color: #33C3A6; font-size: .8rem; }
.i-radio input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
.i-radio label { cursor: pointer; }
.i-radio label i { margin-right: 5px; }

.mui-poppicker, .mui-picker, .mui-dtpicker { background: #fff; }

.mui-btn-blue { background: none; color: #33C3A6 !important; border: none; }

.mui-poppicker-btn-cancel, .mui-btn { border: none; color: #999; background: none; }

.mui-pull { font-weight: 500 !important; }

.m-guide .swiper-wrapper { height: auto !important; }
.m-guide .swiper-pagination-bullet { width: 8px !important; height: 3px !important; border-radius: 5px !important; }
.m-guide .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff !important; }
.m-guide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px !important; }

.layui-m-layer-accredit { width: 80% !important; overflow: hidden; }
.layui-m-layer-accredit .layui-m-layercont { padding: 0; }

.accredit-box .accredit-head { padding: 1rem; background: linear-gradient(45deg, #68d6BF, #33C3A6); }
.accredit-box .title { text-align: center; font-size: .8rem; font-weight: bold; color: #fff; }
.accredit-box .accredit-obj { text-align: center; padding: 1rem 0 .5rem 0; }
.accredit-box .accredit-obj img { display: inline-block; width: 2.5rem; height: 2.5rem; border-radius: .25rem; overflow: hidden; }
.accredit-box .accredit-obj i { height: 2.5rem; line-height: 2.5rem; padding: 0 1rem; font-size: 1rem; color: #fff; }
.accredit-box .accredit-info { padding: 0 1rem; }
.accredit-box .accredit-info span { display: block; padding: .75rem 0; font-size: .8rem; color: #333; border-bottom: 1px solid #eee; text-align: left; }
.accredit-box .accredit-info ul { padding: .5rem 0; }
.accredit-box .accredit-info ul li { position: relative; font-size: .7rem; color: #333; text-align: left; padding-left: .75rem; line-height: 1.5rem; }
.accredit-box .accredit-info ul li::after { position: absolute; left: 0; top: 50%; margin-top: -2px; content: ""; width: 2px; height: 2px; border-radius: 50%; background: #333; }
.accredit-box .accredit-info p { position: relative; font-size: .6rem; color: #999; line-height: 1.5rem; padding-left: 1.25rem; text-align: left; margin: 0; }
.accredit-box .accredit-info p i { position: absolute; left: 0; line-height: 1.5rem; }
.accredit-box .accredit-btn { padding: 1rem; }
.accredit-box .accredit-btn button, .accredit-box .accredit-btn a { display: block; font-size: .8rem; padding: .5rem 0; width: 100%; text-align: center; }
.accredit-box .accredit-btn .cancel { margin-top: .5rem; border: 1px solid #33C3A6; background: #F5F5F5; color: #33C3A6; border-radius: 0.35rem; border: none; }
.accredit-box .accredit-btn .cancel:hover { background: white; }
.accredit-box .accredit-btn .cancel:focus { outline: none !important; }
.accredit-box .accredit-btn .confirm { border: 1px solid #33C3A6; background: #33C3A6; color: #fff; border-radius: 0.35rem; border: none; }
.accredit-box .accredit-btn .confirm:hover { background: #56d3ba; }
.accredit-box .accredit-btn .confirm:focus { outline: none !important; }

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-1000px); transform: translateY(-1000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes Leftnum { 0% { opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes Leftnum { 0% { opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.Leftnum { -webkit-animation-name: Leftnum; animation-name: Leftnum; }

@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes widthnum { 0% { width: 0; }
  100% { width: 100%; } }
@keyframes widthnum { 0% { width: 0; }
  100% { width: 100%; } }
.widthnum { -webkit-animation-name: widthnum; animation-name: widthnum; }

@-webkit-keyframes popbottom { from { -webkit-transform: translateY(100vh); transform: translateY(100vh); }
  to { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes popbottom { from { -webkit-transform: translateY(100vh); -ms-transform: translateY(100vh); transform: translateY(100vh); }
  to { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes showlucency { from { opacity: 0.4; }
  to { opacity: 1; } }
@keyframes showlucency { from { opacity: 0.4; }
  to { opacity: 1; } }
@-webkit-keyframes listItemShow { from { opacity: 0; -webkit-transform: translateY(100vh); transform: translateY(100vh); }
  to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes listItemShow { from { opacity: 0; -webkit-transform: translateY(100vh); -ms-transform: translateY(100vh); transform: translateY(100vh); }
  to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.jdbanner { padding: .5rem; background: #fff; }
.jdbanner.jdborder { margin-bottom: .5rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.jdbanner .jdtitle { position: relative; padding-left: 1rem; display: flex; }
.jdbanner .jdtitle span { flex: 1; font-size: .8rem; color: #333; font-weight: bold; line-height: 1.5rem; }
.jdbanner .jdtitle a { font-size: .6rem; line-height: 1.5rem; color: #f14628; }
.jdbanner .jdtitle::after { position: absolute; left: .5rem; top: 50%; content: ''; width: 3px; height: .8rem; margin-top: -.4rem; background: #33C3A6; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }
.jdbanner .swiper-container { padding: .5rem 0 1rem 0; }
.jdbanner .swiper-container .swiper-pagination { bottom: 0; }
.jdbanner .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; }
.jdbanner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #aaa; }
.jdbanner .swiper-wrapper { height: auto; }
.jdbanner .swiper-wrapper .swiper-slide { padding: 0 .5rem; }
.jdbanner .swiper-wrapper .swiper-slide a { display: block; }
.jdbanner .swiper-wrapper .swiper-slide img { display: block; width: 100%; height: auto; margin: 0 auto; border-radius: .5rem; }
.jdbanner .swiper-wrapper .swiper-slide p { padding-top: .5rem; font-size: .7rem; color: #333; font-weight: bold; margin: 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.jdbanner .swiper-wrapper .swiper-slide .listbar { line-height: 1rem; padding-top: .25rem; }
.jdbanner .swiper-wrapper .swiper-slide .listbar span { font-size: .9rem; color: #f14628; font-weight: bold; }
.jdbanner .swiper-wrapper .swiper-slide .listbar span i { font-size: .6rem; }
.jdbanner .swiper-wrapper .swiper-slide .listbar em { padding-left: .5rem; font-size: .6rem; color: #999; text-decoration: line-through; }
.jdbanner .swiper-wrapper .swiper-slide .comment { font-size: .6rem; color: #999; padding: .25rem 0; }
.jdbanner .swiper-wrapper .swiper-slide .taglist { padding-top: .25rem; overflow: hidden; }
.jdbanner .swiper-wrapper .swiper-slide .taglist li { float: left; font-size: .6rem; color: #f14628; padding: 0 .25rem; border-radius: .25rem; border: 1px solid #f14628; }
.jdbanner .swiper-wrapper .swiper-slide .taglist li ~ li { margin-left: .5rem; }
.jdbanner .swiper-wrapper .swiper-slide .taglist li.active { background: #f14628; color: #fff; }

html, body { width: 100%; height: 100%; }

.m-login { height: calc(100vh - 50px); background: #fff; background-size: 100% auto; position: relative; }
.m-login .login-head { padding-top: 2rem; }
.m-login .login-head .title { text-align: center; padding-top: .5rem; font-size: 1rem; font-weight: 400; color: #333; }
.m-login .login-head .login-poto { width: 5rem; height: 5rem; margin: 0 auto; }
.m-login .login-head .login-poto img { display: block; width: 100%; height: 100%; }
.m-login .bd-form { width: 80%; margin: 0 auto; padding-top: 2.5rem; }
.m-login .bd-form .error { font-size: .7rem; color: #fa4628; margin-top: 1rem; }
.m-login .bd-form .item { height: 2.5rem; line-height: 2.5rem; margin-bottom: .5rem; border-bottom: 1px solid #efefef; position: relative; }
.m-login .bd-form .item .lg-phone { height: 2rem; padding: .15rem 0; overflow: hidden; }
.m-login .bd-form .item .lg-phone .ipt-single { display: block; margin: 0; width: 100%; height: 1.7rem; border: none; padding: 0 .25rem; font-size: .8rem; }
.m-login .bd-form .item .lg-phone .remove-phone { display: none; position: absolute; right: 0; top: 0; font-size: .8rem; color: #ccc; }
.m-login .bd-form .item .lg-code { padding-right: 4rem; height: 2rem; padding: .15rem 5rem .15rem 0; }
.m-login .bd-form .item .lg-code input { float: left; display: block; width: 100%; height: 1.7rem; margin-bottom: 0; border: none; padding: 0 .25rem; font-size: .8rem; }
.m-login .bd-form .item .lg-code .verify-btn { position: absolute; top: 0; right: 0; display: inline-block; width: 5rem; height: 2rem; line-height: 2rem; padding: 0 .5rem; text-align: center; color: #fa4628; }
.m-login .bd-form .item .lg-code .verify-btn.sented { color: #a5a4a4; }
.m-login .bd-form .submit { width: 100%; height: 2.5rem; margin-top: 1rem; font-size: .9rem; color: #fff; background: linear-gradient(to right, #68d6BF, #33C3A6); -moz-border-radius: 1.25rem; -webkit-border-radius: 1.25rem; -o-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -khtml-border-radius: 1.25rem; border-radius: 1.25rem; }
.m-login .bd-form .submit.disabled { pointer-events: none; opacity: 0.5; filter: alpha(opacity=50); }
.m-login .login-prompt { padding-top: 1rem; }
.m-login .login-prompt p { text-align: center; font-size: .8rem; color: #ccc; }
.m-login .login-foot { position: absolute; left: 0; right: 0; bottom: 1rem; display: flex;align-items: center;justify-content: center;}
.m-login .login-foot img {width: 1rem; height: 1rem; margin-right: 0.3rem; display: none;}
.m-login .login-foot img.sele-active {display: block;}
.m-login .login-foot p { color: #ccc; text-align: center; font-size: .7rem; margin-bottom: 0px;line-height: 1rem;}
.m-login .login-foot p a { color: #666; }
body .layui-m-layer .layui-m-layer-msg{ bottom: 0px !important; }

.index-summary { background: linear-gradient(to right, #68d6BF, #33C3A6); margin-bottom: .5rem; padding-top: .25rem; padding-bottom: .5rem; }
.index-summary li { float: left; width: 50%; text-align: center; }
.index-summary li span { display: block; color: #fff; font-size: .7rem; }
.index-summary li span i { font-size: 1rem; color: #fff; }
.index-summary li p { margin: 0; color: #fff; font-size: .7rem; }

.region-nav { background: #fff; padding: .5rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.region-nav ul { overflow: hidden; padding: .25rem 0; position: relative; }
.region-nav ul:before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 1px; background: #efefef; transform: scaleY(0.5); transform-origin: 0 0; }
.region-nav ul li { width: 25%; float: left; text-align: center; padding-bottom: .25rem; }
.region-nav ul li h5 { margin: 0; }
.region-nav ul li h5 a { font-size: .9rem; font-weight: 400; color: #333; line-height: 1.5rem; }
.region-nav ul li span { font-size: .6rem; color: #999; line-height: 1rem; }
.region-nav ul li span i { padding-left: .25rem; }
.region-nav ul li p { font-size: .6rem; color: #999; line-height: 1rem; margin: 0; }
.region-nav ul li p i { padding-left: .25rem; }
.region-nav ul li ~ li { position: relative; }
.region-nav ul li ~ li:before { position: absolute; top: 50%; left: 0; content: ''; width: 1px; height: 50%; margin-top: -25%; background: #efefef; transform: scaleX(0.5); transform-origin: 0 0; }
.region-nav ul:last-child:before { display: none; }

.m-index-banner { padding: 16% .5rem 0 .5rem; height: 3rem; margin-bottom: .5rem; position: relative; }
.m-index-banner a { position: absolute; top: 0; left: .5rem; right: .5rem; bottom: 0; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; overflow: hidden; }
.m-index-banner a img { width: 100%; height: auto; }

.m-headline { position: relative; background: #fff; height: 3.5rem; padding: .5rem 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.m-headline .headline-ico { display: block; width: 100%; height: 2.5rem; background: url(../../images/must/headline-ico.jpg) no-repeat center center; background-size: 2rem; }
.m-headline .headline-list { overflow: hidden; position: relative; height: 2.4rem; z-index: 2; }
.m-headline .headline-list ul { transform: translateY(0); }
.m-headline .headline-list ul li { overflow: hidden; display: box; height: 1.2rem; line-height: 1.2rem; color: #333; font-size: .7rem; text-overflow: ellipsis; line-clamp: 1; box-orient: vertical; white-space: normal; }
.m-headline .headline-list ul li a { display: block; height: 1.2rem; line-height: 1.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right: 2rem; }
.m-headline .headline-list ul li label { border: 1px solid #fa4628; color: #fa4628; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; padding: 0 .15rem; font-size: .6rem; margin-right: .25rem; }
.m-headline .headline-list ul.animate { transition: all .3s ease-out; }
.m-headline:after { z-index: 1; }

.m-index-list { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; padding: .5rem 1rem; background: #fff; }
.m-index-list .m-index-title { height: 2rem; line-height: 2rem; border-bottom: 1px solid #efefef; }
.m-index-list .m-index-title span { float: left; font-size: .8rem; color: #101010; padding-left: .5rem; font-weight: 600; position: relative; }
.m-index-list .m-index-title span:before { position: absolute; left: 0; top: 50%; content: ''; width: 4px; height: .8rem; margin-top: -.4rem; background: linear-gradient(45deg, #68d6BF, #33C3A6); -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }
.m-index-list .m-index-title a { position: relative; float: right; font-size: .65rem; color: #666; padding-right: .6rem; }
.m-index-list .m-index-title a:after { right: 0; color: #666; }

.m-job-list li h2 { font-size: 0.8rem; font-weight: 600; }

.m-wechat { margin-bottom: .5rem; background: #fff; padding: .5rem 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.m-wechat a { display: block; }
.m-wechat a img { display: block; width: 100%; height: auto; }

.float-download { width: 100%; height: 3rem; padding: .45rem .5rem .5rem; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.float-download .download-info span { float: left; width: 2rem; height: 2rem; border: 1px solid #eee; border-radius: .2rem; }
.float-download .download-info span img { width: 100%; height: auto; }
.float-download .download-info .info-text { margin-left: 2.5rem; }
.float-download .download-info .info-text h5 { color: #333; font-size: .8rem; font-weight: 600; margin: 0; line-height: 1rem; }
.float-download .download-info .info-text p { padding-top: .25rem; color: #666; font-size: .6rem; line-height: .75rem; margin: 0; }
.float-download .download-btn { padding-top: .25rem; }
.float-download .download-btn a { padding: 0 1rem; text-align: center; display: inline-block; height: 1.5rem; line-height: 1.5rem; font-size: .8rem; color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); border-radius: 1rem; }

.m-copyright { padding: .5rem 0 1rem 0; }
.m-copyright p { text-align: center; font-size: .65rem; margin-bottom: 0; line-height: 1rem; color: #aaa; }

.exam-type-sidebar .title, .answer-area-bar .title { padding: 0 .5rem; height: 2rem; line-height: 2rem; }
.exam-type-sidebar .title span, .answer-area-bar .title span { font-size: .8rem; color: #333; }

.exam-type-list { padding: 0 .5rem; }
.exam-type-list a { float: left; width: 23vw; height: 1.75rem; line-height: 1.75rem; margin: .5rem 1vw; text-align: center; font-size: .7rem; border: 1px solid #ccc; background: #fff; color: #333; border-radius: 1rem; }
.exam-type-list a.active { border: 1px solid #33C3A6; background: #33C3A6; color: #fff; border-radius: 1rem; }
.exam-type-list a.active:hover { background: #56d3ba; }
.exam-type-list a.active:focus { outline: none !important; }

.m-headline-list .headline-view { padding: 0 1rem .5rem; background: #fff; border-bottom: 1px solid #efefef; }

.m-news-list .newslist-view { padding: 0.5rem 1rem; background: #fff; border-bottom: 1px solid #efefef; }

.scanning-num { text-align: center; height: 2rem; line-height: 2rem; font-size: .7rem; color: #999; background: #fff; border-top: 1px solid #efefef; }
.scanning-num i { padding: 0 0.25rem; }

.md-crumbslink { width: 100%; position: relative; padding: 0 1rem; overflow: hidden; }
.md-crumbslink span { float: left; font-size: 13px; line-height: 2rem; }
.md-crumbslink ul { float: left; padding-left: .25rem; }
.md-crumbslink ul li { float: left; font-size: .6; line-height: 2rem; padding: 0; }
.md-crumbslink ul li + li:before { padding: 0 5px; color: #999; content: "/"; }
.md-crumbslink ul li a { color: #999; }
.md-crumbslink ul li a:hover { color: #666; }
.md-crumbslink ul li.active { color: #333; }

.search-condition { position: fixed; left: 0; right: 0; padding: 0 .5rem; border-bottom: 1px solid #efefef; background: #fff; }
.search-condition dl { height: 2.5rem; line-height: 2.5rem; }
.search-condition dl dt { float: left; width: 3.8rem; font-size: .7rem; color: #999; }
.search-condition dl dd { position: relative; margin-left: 3.8rem; }
.search-condition dl dd span { display: inline-block; font-size: .7rem; color: #333; max-width: 50vw; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.search-condition dl dd span i { color: #999; font-size: .6rem; }
.search-condition dl dd button { position: absolute; top: 0; right: 0; height: 1.5rem; line-height: 1.5rem; font-size: .6rem; padding: 0 .5rem; margin-top: .5rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 1rem; }
.search-condition dl dd button:hover { background: white; }
.search-condition dl dd button:focus { outline: none !important; }
.search-condition dl ~ dl { border-top: 1px solid #efefef; }

.m-slider-tab { border-top: 1px solid #efefef; }
.m-slider-tab .mui-scroll-wrapper { background: #fff; border-bottom: 1px solid #efefef; }
.m-slider-tab .mui-scroll-wrapper .mui-control-item { line-height: 37px; padding: 0 .5rem; color: #333; font-weight: 600; }
.m-slider-tab .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item { border-top: none; border-bottom: 1px solid #c8c7cc; line-height: 37px; background: #fff; }
.m-slider-tab .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { color: #33C3A6; height: 37px; border-bottom: 2px solid #33C3A6; }
.m-slider-tab .mui-slider-group .mui-slider-item .mui-scroll-wrapper { top: 2rem; }
.m-slider-tab .mui-slider-group .mui-slider-item .mui-scroll-wrapper .mui-table-view { padding: 0 1rem; }

.mui-fullscreen .mui-segmented-control ~ .mui-slider-group { top: 37px; }

.mui-bar-nav ~ .mui-content .mui-slider.m-slider-tab { position: fixed; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; top: 7.9rem; }
.mui-bar-nav ~ .mui-content .mui-slider.area-slider-tab { top: 7.2rem; }
.mui-bar-nav ~ .mui-content .mui-slider.mui-top { top: 50px !important; }

.mui-pull-bottom-tips { text-align: center; background-color: #fff; font-size: 15px; line-height: 40px; color: #777; }

.m-list .may-cell { position: relative; padding: 0; background: #f5f5f5; height: 2.5rem; line-height: 2.5rem; border: none; }
.m-list .may-cell:after { position: absolute; top: 0; left: -.5rem; right: -.5rem; content: ''; height: 2.5rem; background: #f5f5f5; }
.m-list .may-cell span { display: block; text-align: center; position: relative; }
.m-list .may-cell span i { position: relative; color: #999; font-size: .7rem; display: inline-block; background: #f5f5f5; padding: 0 0.5rem; z-index: 2; }
.m-list .may-cell span:after { position: absolute; left: .5rem; right: .5rem; top: 50%; content: ''; height: 1px; background: #ddd; z-index: 1; }

.d-area-choose { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-color: #fff; }
.d-area-choose .close-btn { font-size: 2rem; position: absolute; right: .5rem; top: .5rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; }
.d-area-choose .mod-title { border-bottom: 1px solid #eee; font-size: .9rem; height: 2rem; line-height: 2rem; color: #333; text-align: center; }
.d-area-choose .title { font-size: .8rem; color: #333; height: 1.5rem; line-height: 1.5rem; padding: 0 .75rem; }
.d-area-choose .title span { font-size: .6rem; color: #999; }
.d-area-choose .title em { float: right; font-size: .6rem; color: #999; }
.d-area-choose .mod-list { padding: 0 .25rem; }
.d-area-choose .mod-list li { position: relative; float: left; padding: 0 0.5rem; height: 1.5rem; margin: .25rem; text-align: center; line-height: 1.5rem; font-size: 0.7rem; border: 1px solid #33C3A6; border-radius: .25rem; background: url(../../images/must/delico.png) no-repeat right bottom; background-size: .6rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.d-area-choose .area-choose-hd { border-bottom: 1px solid #efefef; padding-bottom: .5rem; }
.d-area-choose .area-choose-bd .bd-wrapper { position: relative; }
.d-area-choose .area-choose-bd .area-box { padding: 0 .5rem; }
.d-area-choose .area-choose-bd .area-box .mod-tab { border-bottom: 1px solid #f1f1f1; height: 2rem; }
.d-area-choose .area-choose-bd .area-box .mod-tab li { width: 3rem; float: left; line-height: 1.8rem; text-align: center; margin-right: .5rem; font-size: .8rem; }
.d-area-choose .area-choose-bd .area-box .mod-tab li.current { color: #fc6769; border-bottom: 2px solid #fc6769; }
.d-area-choose .area-choose-bd .mod-list-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; }
.d-area-choose .area-choose-bd .mod-list-container .area-list { background: #fff; height: 100%; flex: 1; z-index: 1; overflow-y: scroll; }
.d-area-choose .area-choose-bd .mod-list-container .area-list li { cursor: pointer; height: 2rem; line-height: 2rem; font-size: .8rem; padding-left: .5rem; position: relative; }
.d-area-choose .area-choose-bd .mod-list-container .area-list li i { margin-left: .5rem; color: #33C3A6; }
.d-area-choose .area-choose-bd .mod-list-container .area-list li.active { color: #33C3A6; }
.d-area-choose .area-choose-bd .mod-list-container .area-list li.active::before { position: absolute; left: 0; top: 50%; content: ""; width: .15rem; height: .8rem; margin-top: -.4rem; background: #33C3A6; }
.d-area-choose .area-choose-bd .mod-list-container .area-list li.onselect { color: #33C3A6; }
.d-area-choose .area-choose-bd .mod-list-container .area-list li.onselect::after { position: absolute; right: 0; content: "\e631"; font-family: "iconfont" !important; font-size: 16px; color: #33C3A6; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; line-height: 2rem; }
.d-area-choose .area-choose-bd .mod-list-container .area-list.js-province { padding-left: .75rem; }
.d-area-choose .area-choose-bd .mod-list-container .area-list.area-city { background: #F8F8F8; }
.d-area-choose .area-choose-bd .mod-list-container .area-list.area-county { background: #F5F5F5; padding-right: .75rem; }
.d-area-choose .area-choose-bd .mod-list-container .area-list::-webkit-scrollbar { display: none; }
.d-area-choose .area-choose-fd { position: absolute; left: 0; bottom: 0; width: 100%; height: 3rem; padding: .5rem 0; background-color: #fff; text-align: center; }
.d-area-choose .area-choose-fd .submit { width: 86%; height: 2rem; font-size: .7rem; border: 1px solid #33C3A6; background: #33C3A6; color: #fff; border-radius: 0.25rem; }
.d-area-choose .area-choose-fd .submit:hover { background: #56d3ba; }
.d-area-choose .area-choose-fd .submit:focus { outline: none !important; }

.m-area-list .scanning-num { border-bottom: none; }

.m-query-type { background: #fff; padding: .5rem; border-top: 1px solid #efefef; }
.m-query-type li { width: 33%; float: left; text-align: center; padding: 0; }
.m-query-type li span { display: inline-block; font-size: .8rem; padding-right: 1rem; position: relative; }
.m-query-type li span:before { position: absolute; top: 50%; right: 0; content: "\e65a"; margin-top: -.4rem; width: .8rem; height: .8rem; line-height: .8rem; font-size: .8rem; color: #ccc; font-family: "iconfont" !important; font-style: normal; }
.m-query-type li ~ li { border-top: none; }

.area-table-view { background: #fff; padding: 0 1rem .5rem; border-bottom: 1px solid #efefef; }

.m-exam-type li { width: 100%; }

.province-mask, .exam-mask { position: absolute; top: 50px; left: 0; right: 0; background: #fff; padding: .75rem .5rem; }
.province-mask ul li, .exam-mask ul li { float: left; width: 20%; padding-right: .5rem; padding-bottom: .75rem; }
.province-mask ul li span, .exam-mask ul li span { display: block; height: 1.75rem; line-height: 1.75rem; text-align: center; border: 1px solid #ccc; color: #333; font-size: .7rem; border-radius: 1rem; }
.province-mask ul li.active span, .exam-mask ul li.active span { color: #fff; border: 1px solid #33C3A6; background: linear-gradient(45deg, #68d6BF, #33C3A6); }

.exam-mask ul li { width: 25%; }

.m-institution-list .institution-view { padding: .5rem 1rem; background: #fff; border-bottom: 1px solid #efefef; }

.area-region-mask, .area-exam-mask, .area-type-mask { border-top: 1px solid #efefef; background: #fff; padding: .5rem; }

.area-region-list { overflow: hidden; }
.area-region-list .area-all { height: 2rem; line-height: 2rem; font-size: .8rem; position: relative; }
.area-region-list .area-all.active { color: #33C3A6; }
.area-region-list .area-all.active:after { position: absolute; top: 0; right: 0; display: inline-block; width: 1rem; height: 2rem; line-height: 2rem; color: #33C3A6; content: '\e631'; font-family: "iconfont" !important; font-size: 16px; font-style: normal; }
.area-region-list .area-mask-list { float: left; width: 48%; }
.area-region-list .area-mask-list ~ .area-mask-list { margin-left: 4%; }

.area-mask-list { max-height: 300px; overflow-y: scroll; }
.area-mask-list::scrollbar { display: none; }
.area-mask-list li { height: 2.5rem; line-height: 2.5rem; font-size: .8rem; position: relative; padding-left: .25rem; }
.area-mask-list li.active { color: #33C3A6; }
.area-mask-list li.active:after { position: absolute; top: 0; right: 0; display: inline-block; width: 1rem; height: 2rem; line-height: 2rem; content: '\e631'; font-family: "iconfont" !important; font-size: 16px; font-style: normal; }

.area-city-list li.active { background: #f8f8f8; color: #33C3A6; }
.area-city-list li.active:after { display: none; }

.detail-box { background: #fff; padding: 0.5rem 1rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }

.detail-title { margin-bottom: .5rem; }
.detail-title h1 { font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: #333; }
.detail-title .date-source .time { font-size: .7rem; color: #999; }
.detail-title .date-source .source { font-size: .7rem; color: #999; padding-left: .5rem; }
.detail-title .date-source .source a { color: #999; }

.article-jobinfo { padding: .5rem; background: #f8f8f8; margin-bottom: .5rem; }
.article-jobinfo .jobinfo-num { font-size: .7rem; color: #555; padding-bottom: .25rem; height: 1.5rem; }
.article-jobinfo .jobinfo-num i { font-weight: 600; padding: 0 .25rem; }
.article-jobinfo .jobinfo-list li { position: relative; line-height: 1.25rem; padding-left: .75rem; color: #999; }
.article-jobinfo .jobinfo-list li a { margin-left: 1rem; font-weight: 600; }
.article-jobinfo .jobinfo-list li:before { position: absolute; top: 0.4rem; left: 0; display: inline-block; content: ''; width: .25rem; height: .25rem; border: 1px solid #d1d1d1; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #fff; z-index: 2; }
.article-jobinfo .jobinfo-list li.finished { color: #ccc; }
.article-jobinfo .jobinfo-list li.finished:before { background: #ccc; border: 1px solid #ccc; }
.article-jobinfo .jobinfo-list li.inprogress { color: #333; }
.article-jobinfo .jobinfo-list li.inprogress:before { background: #fa4628; border: 1px solid #fa4628; }
.article-jobinfo .job-follow { padding-top: .25rem; }
.article-jobinfo .job-follow .follow-btn { padding: 0 .5rem; line-height: 1.15rem; font-size: .7rem; border: 1px solid #fa4628; background: #fff; color: #fa4628; border-radius: 25px; }
.article-jobinfo .job-follow .follow-btn:hover { background: white; }
.article-jobinfo .job-follow .follow-btn:focus { outline: none !important; }
.article-jobinfo .job-follow .follow-btn.infollow { border: 1px solid #999; background: #fff; color: #999; border-radius: 25px; }
.article-jobinfo .job-follow .follow-btn.infollow:hover { background: white; }
.article-jobinfo .job-follow .follow-btn.infollow:focus { outline: none !important; }

.article-abstract { padding: .5rem; background: #fafafa; font-size: .7rem; margin-bottom: .5rem; }
.article-abstract p { margin-bottom: 0; }
.article-abstract p i { margin-right: .25rem; }

.detail-info { font-size: .8rem; color: #555; line-height: 1.5rem; word-break: break-all; }
.detail-info img { display: block; margin: .5rem 0; max-width: 100%; height: auto !important; }
.detail-info a { color: #337ab7; }
.detail-info p { font-size: .8rem; color: #555; line-height: 1.75rem; margin: 0; margin-bottom: .5rem; }
.detail-info .detail-zip { color: #337ab7; }
.detail-info .enemy { color: #555 !important; }
.detail-info .h-title { position: relative; font-size: .9rem; color: #333; padding: .75rem 0 .5rem 0; }
.detail-info .downfile { color: #337ab7; }

.editor-charge { padding: .5rem 0; }
.editor-charge span { color: #999; }
.editor-charge .editor-correction { margin-left: .5rem; }
.editor-charge .entrances { float: right; color: #fa4628; }

.detail-btn { text-align: center; padding: .5rem 0; }
.detail-btn a { display: inline-block; text-align: center; width: 50%; line-height: 1.5rem; font-size: .9rem; border: 1px solid #fa4628; background: #fff; color: #fa4628; border-radius: 25px; }
.detail-btn a:hover { background: white; }
.detail-btn a:focus { outline: none !important; }

.detail-banner { padding-top: .5rem; }
.detail-banner a { display: block; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; overflow: hidden; }
.detail-banner a img { width: 100%; height: auto; }

.detail-question { padding: .5rem 1rem; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.detail-question .title { position: relative; height: 1.8rem; line-height: 1.8rem; }
.detail-question .title::after { position: absolute; left: 0; right: 0; top: 50%; content: ""; height: 1px; background: #efefef; z-index: 1; }
.detail-question .title span { display: inline-block; font-size: .8rem; height: 1.8rem; color: #333; padding: 0 .5rem; position: relative; font-weight: bold; background: #fff; z-index: 2; }
.detail-question .title span:before { position: absolute; left: 0; top: 50%; content: ''; width: 3px; height: .8rem; margin-top: -.4rem; background: #33C3A6; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }
.detail-question .title a { float: right; line-height: 1.2rem; font-size: .7rem; padding: 0 .5rem; border: 1px solid #fa4628; background: #fff; color: #fa4628; border-radius: 25px; margin-top: .2rem; }
.detail-question .title a:hover { background: white; }
.detail-question .title a:focus { outline: none !important; }
.detail-question .question-list li { padding: .5rem 0 .5rem 1.5rem; border-bottom: 1px solid #efefef; position: relative; }
.detail-question .question-list li a { display: block; }
.detail-question .question-list li .question-tag { position: absolute; top: .5rem; left: 0; display: inline-block; text-align: center; width: 1rem; height: 1rem; line-height: 1rem; font-size: .7rem; background: #33C3A6; color: #fff; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; }
.detail-question .question-list li h5 { line-height: 1rem; font-size: .8rem; margin-top: 0; margin-bottom: .25rem; color: #333; }
.detail-question .question-list li p { margin: 0; font-size: .7rem; color: #999; }
.detail-question .question-btn { padding: 0.75rem 0; text-align: center; }
.detail-question .question-btn a { display: inline-block; width: 50%; height: 1.5rem; line-height: 1.5rem; font-size: .8rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 25px; }
.detail-question .question-btn a:hover { background: white; }
.detail-question .question-btn a:focus { outline: none !important; }

.m-relevant { background: #fff; padding: .5rem 1rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.m-relevant .title { position: relative; height: 1.8rem; line-height: 1.8rem; }
.m-relevant .title::after { position: absolute; left: 0; right: 0; top: 50%; content: ""; height: 1px; background: #efefef; z-index: 1; }
.m-relevant .title span { display: inline-block; font-size: .8rem; color: #333; padding: 0 .5rem; position: relative; font-weight: bold; background: #fff; z-index: 2; }
.m-relevant .title span:before { position: absolute; left: 0; top: 50%; content: ''; width: 3px; height: .8rem; margin-top: -.4rem; background: #33C3A6; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }

.good-lesson { background: #fff; padding: .5rem 1rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.good-lesson .title { position: relative; height: 1.8rem; line-height: 1.8rem; }
.good-lesson .title::after { position: absolute; left: 0; right: 0; top: 50%; content: ""; height: 1px; background: #efefef; z-index: 1; }
.good-lesson .title span { float: left; font-size: .8rem; color: #333; padding: 0 .5rem; position: relative; font-weight: bold; background: #fff; z-index: 2; }
.good-lesson .title span:before { position: absolute; left: 0; top: 50%; content: ''; width: 3px; height: .8rem; margin-top: -.4rem; background: #33C3A6; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }
.good-lesson .lesson-list li { padding: .5rem 0; }
.good-lesson .lesson-list li a { display: block; overflow: hidden; }
.good-lesson .lesson-list li a span { float: left; width: 2rem; height: 2rem; }
.good-lesson .lesson-list li a span img { width: 100%; height: auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.good-lesson .lesson-list li a h5 { margin: 0 4rem 0 2rem; padding-left: .5rem; color: #999; font-size: .6rem; line-height: .8rem; }
.good-lesson .lesson-list li a h5 i { display: block; line-height: 1.2rem; font-size: .8rem; color: #333; }
.good-lesson .lesson-list li a button { width: 3.5rem; height: 1.5rem; line-height: 1.5rem; padding: 0; float: right; margin-top: .25rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 0.75rem; }
.good-lesson .lesson-list li a button:hover { background: white; }
.good-lesson .lesson-list li a button:focus { outline: none !important; }
.good-lesson .lesson-list li ~ li { border-top: 1px solid #efefef; }

.link-app { background: #fff; padding: .5rem 1rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-top: .5rem; }
.link-app .title { height: 1.8rem; line-height: 1.8rem; border-bottom: 1px solid #efefef; }
.link-app .title span { float: left; font-size: .8rem; color: #333; padding-left: .5rem; position: relative; font-weight: bold; }
.link-app .title span:before { position: absolute; left: 0; top: 50%; content: ''; width: 3px; height: .8rem; margin-top: -.4rem; background: #fa4628; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }
.link-app .app-btn { text-align: center; padding: 1.5rem 0; }
.link-app .app-btn a { display: inline-block; height: 2rem; line-height: 2rem; width: 50%; font-size: .8rem; color: #fff; border-radius: .2rem; background: linear-gradient(45deg, #68d6BF, #33C3A6); }

.m-Affirm { padding: 1rem; text-align: center; }
.m-Affirm p { color: #999; font-size: .7rem; margin: 0; }

.survey-text { height: 2.5rem; line-height: 2.5rem; background: #fff; text-align: center; }
.survey-text p { color: #666; font-size: .7rem; margin: 0; }
.survey-text p a { color: #F1514E; }

.detail-foot a, .detail-foot .foot-link { display: block; text-align: center; height: 50px; }
.detail-foot a .mui-tab-label, .detail-foot .foot-link .mui-tab-label { display: block; color: #666; font-size: .7rem; }
.detail-foot a .mui-icon, .detail-foot .foot-link .mui-icon { color: #555; margin-top: .25rem; padding: 0; }
.detail-foot a .mui-icon .mui-badge, .detail-foot .foot-link .mui-icon .mui-badge { top: 0.1rem; margin-left: -0.25rem; }
.detail-foot a .mui-icon.icon-follow, .detail-foot .foot-link .mui-icon.icon-follow { color: #555; }
.detail-foot a .mui-icon.icon-onfollow, .detail-foot .foot-link .mui-icon.icon-onfollow { color: #fa4628; }
.detail-foot .foot-btn { line-height: 35px; background: linear-gradient(45deg, #68d6BF, #33C3A6); color: #fff; font-size: .9rem; height: 35px; border-radius: 35px; margin: 7px 5px; }
.detail-foot .foot-btn-orange { color: #33C3A6; font-size: .9rem; background: #fff; border: 1px solid #33C3A6; }

.joblist-box { background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.joblist-box .joblist-title { padding: .5rem 1rem; }
.joblist-box .joblist-title h1 { font-size: 1rem; font-weight: 400; line-height: 1.25rem; color: #333; }
.joblist-box .joblist-title .view-analysis { padding: .25rem 0; }
.joblist-box .joblist-title .view-analysis a { display: inline-block; height: 1.25rem; line-height: 1.25rem; padding: 0 .5rem; font-size: .7rem; border: 1px solid #fa4628; background: #fa4628; color: #fff; border-radius: 25px; }
.joblist-box .joblist-title .view-analysis a:hover { background: #fb715a; }
.joblist-box .joblist-title .view-analysis a:focus { outline: none !important; }
.joblist-box .joblist-title .date-source .time { font-size: .7rem; color: #666; }
.joblist-box .joblist-title .date-source .sign-type { font-size: .7rem; float: right; color: #333; }
.joblist-box .joblist-title .date-source .sign-type.finished { color: #ccc; }
.joblist-box .joblist-title .date-source .sign-type.inprogress { color: #fa4628; }
.joblist-box .joblist-info .scanning-num { background: #f8f8f8; }
.joblist-box .joblist-info .joblist-search { padding: .5rem 1rem; height: 3rem; }
.joblist-box .joblist-info .joblist-search .branch-region { position: relative; width: 100%; height: 2rem; line-height: 2rem; padding: 0 .75rem 0 .25rem; text-align: left; background: #fff; color: #666; font-size: .8rem; box-shadow: none; outline: none; border: 1px solid #cfcfcf; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.joblist-box .joblist-info .joblist-search .job-region { position: relative; width: 100%; height: 2rem; line-height: 2rem; padding: 0 .75rem 0 .25rem; text-align: left; background: #fff; color: #666; font-size: .8rem; box-shadow: none; outline: none; border: 1px solid #cfcfcf; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.joblist-box .joblist-info .joblist-search .job-region:after { position: absolute; right: .15rem; display: inline-block; content: "\e65a"; font-family: "iconfont" !important; font-size: .8rem; font-style: normal; }
.joblist-box .joblist-info .joblist-search .search-box { padding-left: .5rem; }
.joblist-box .joblist-info .joblist { padding: 0 1rem; }
.joblist-box .joblist-info .joblist li { padding: .5rem 0; position: relative; }
.joblist-box .joblist-info .joblist li.mui-navigate-right { display: block; }
.joblist-box .joblist-info .joblist li.mui-navigate-right:after { right: -.25rem; }
.joblist-box .joblist-info .joblist li .matching { position: absolute; top: 50%; right: 10px; width: 80px; height: 2.5rem; margin-top: -1.25rem; }
.joblist-box .joblist-info .joblist li .matching p { margin: 0; height: 1.25rem; line-height: 1.25rem; text-align: center; font-size: .6rem; }
.joblist-box .joblist-info .joblist li .matching .small-star { width: 80px; height: 1.25rem; line-height: 1.25rem; text-align: center; }
.joblist-box .joblist-info .joblist li .matching .small-star .star-box { float: left; margin: 0; }
.joblist-box .joblist-info .joblist li .job-text { margin-right: 90px; }
.joblist-box .joblist-info .joblist li .job-text h5 { font-size: .9rem; color: #333; margin: 0; line-height: 1.25rem; padding-bottom: .25rem; }
.joblist-box .joblist-info .joblist li .job-text dl { height: 1.25rem; line-height: 1.25rem; }
.joblist-box .joblist-info .joblist li .job-text dl dt { float: left; width: 3.75rem; font-size: .8rem; color: #999; }
.joblist-box .joblist-info .joblist li .job-text dl dd { margin-left: 3.75rem; font-size: .8rem; color: #666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.joblist-box .joblist-info .joblist li .job-text dl.sign-num dt { width: 5rem; }
.joblist-box .joblist-info .joblist li .job-text dl.sign-num dd { margin-left: 5rem; padding-left: .25rem; }
.joblist-box .joblist-info .joblist li ~ li { border-top: 1px solid #efefef; }
.joblist-box .joblist-info .joblist li .joblist-bar { padding-top: .5rem; }
.joblist-box .joblist-info .joblist li .joblist-bar button { border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 1.5rem; padding: 0 .5rem; height: 1.5rem; line-height: 1.5rem; font-size: .6rem; }
.joblist-box .joblist-info .joblist li .joblist-bar button:hover { background: white; }
.joblist-box .joblist-info .joblist li .joblist-bar button:focus { outline: none !important; }
.joblist-box .joblist-info .joblist li .joblist-bar button i { font-size: .6rem; float: left; margin-right: .25rem; }
.joblist-box .joblist-info .joblist .joblist-more { border-top: 1px solid #efefef; text-align: center; padding: .75rem 0; }
.joblist-box .joblist-info .joblist .joblist-more button { width: 50%; background: #fa4628; color: #fff; border: none; font-size: .8rem; }

.job-head { background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; padding: .5rem 1rem; }
.job-head .job-head-title { padding-bottom: .5rem; }
.job-head .job-head-title h5 { font-size: 1rem; font-weight: 400; line-height: 1.25rem; color: #333; margin: 0; padding-bottom: .5rem; }
.job-head .job-head-title .job-head-matching { overflow: hidden; }
.job-head .job-head-title .job-head-matching .small-star { width: auto; float: left; font-size: .7rem; height: 16px; line-height: 16px; }
.job-head .job-head-title .job-head-matching .job-feed { float: right; color: #999; font-size: .7rem; }
.job-head .job-head-title .job-head-matching .job-feed .lookmate { display: inline-block; height: 1.5rem; line-height: 1.5rem; font-size: .7rem; padding: 0 .5rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 25px; }
.job-head .job-head-title .job-head-matching .job-feed .lookmate:hover { background: white; }
.job-head .job-head-title .job-head-matching .job-feed .lookmate:focus { outline: none !important; }
.job-head .job-head-title .job-prompt { font-size: .6rem; color: #999; line-height: 1rem; padding-top: .25rem; }
.job-head .job-head-info { padding-top: .25rem; border-top: 1px solid #efefef; }
.job-head .job-head-info .job-require { width: 100%; line-height: 1.5rem; }
.job-head .job-head-info .job-require span { float: left; font-size: .8rem; padding-right: 1rem; }
.job-head .job-head-info .job-require span i { float: left; margin-right: .25rem; font-size: 1.2rem; }
.job-head .job-head-info .job-welfare { padding: .25rem 0; }
.job-head .job-head-info .job-welfare label { border: 1px solid #fa4628; color: #fa4628; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; padding: 0 .15rem; font-size: .6rem; }

.job-list-cell { background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; padding: .5rem 1rem; }
.job-list-cell .title { height: 1.8rem; line-height: 1.8rem; position: relative; }
.job-list-cell .title span { float: left; font-size: .8rem; color: #333; padding-left: .5rem; position: relative; background: #fff; padding-right: .5rem; font-weight: bold; z-index: 1; }
.job-list-cell .title span:before { position: absolute; left: 0; top: 50%; content: ''; width: 3px; height: .8rem; margin-top: -.4rem; background: #33C3A6; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }
.job-list-cell .title:after { content: ''; display: block; position: absolute; top: 50%; height: 1px; width: 100%; background: #efefef; }
.job-list-cell .job-compete { position: relative; }
.job-list-cell .job-compete p { margin: 0; font-size: .8rem; color: #666; line-height: 1.5rem; }
.job-list-cell .job-compete p i { padding: 0 .25rem; }
.job-list-cell .job-compete a { position: absolute; top: 50%; right: 0; margin-top: -.75rem; display: inline-block; text-align: center; height: 1.5rem; line-height: 1.5rem; font-size: .7rem; padding: 0 .5rem; border: 1px solid #fa4628; background: #fff; color: #fa4628; border-radius: 25px; }
.job-list-cell .job-compete a:hover { background: white; }
.job-list-cell .job-compete a:focus { outline: none !important; }
.job-list-cell .cell-list li { overflow: hidden; padding: .5rem 0; }
.job-list-cell .cell-list li span { float: left; font-size: .8rem; color: #999; }
.job-list-cell .cell-list li span.name { padding-right: .5rem; }
.job-list-cell .cell-list li span.text { color: #333; }
.job-list-cell .cell-list li ~ li { border-top: 1px dashed #efefef; }

.job-list-btn { margin-bottom: .5rem; text-align: center; padding: .25rem 0; }
.job-list-btn button { width: 40%; height: 1.8rem; line-height: 1.8rem; margin: 0 .25rem; padding: 0; font-size: .7rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 1.8rem; }
.job-list-btn button:hover { background: white; }
.job-list-btn button:focus { outline: none !important; }
.job-list-btn button.join-sign { color: #fff; background: linear-gradient(to right, #68d6BF, #33C3A6); border: none; border-radius: 1.8rem; }

.jobs-data-bottom p { font-size: .7rem; color: #999; margin: 0; line-height: 1.25rem; }
.jobs-data-bottom p i { font-size: .8rem; color: #333; }
.jobs-data-bottom p a { padding: 0 .5rem; color: #fa4628; }

.my-hd { margin-bottom: .75rem; position: relative; background: url(../../images/must/myhead-bg.png) no-repeat; background-size: cover; z-index: 2; }
.my-hd.myisvip { background: url(../../images/must/viphead-bg.png) no-repeat; background-size: cover; }

.my-info { padding: 1.5rem .75rem .75rem .75rem; overflow: hidden; }
.my-info .my-msg { display: flex; }

.my-poto { width: 3rem; height: 3rem; }
.my-poto a { display: block; width: 3rem; height: 3rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.my-poto a img { display: block; width: 100%; height: 100%; }

.my-operate { flex: 1; padding: .5rem 0 .5rem .75rem; }
.my-operate .my-name { display: inline-block; font-size: 1.1rem; color: #fff; line-height: 1rem; }
.my-operate .my-desc { display: block; font-size: .7rem; color: #fff; line-height: 1rem; }
.my-operate .my-desc a { display: inline-block; position: relative; margin-left: 1rem; color: #fff; padding-right: 1rem; }
.my-operate .my-desc a:after { right: 0; color: #fff; }
.my-operate p { font-size: .6rem; color: #fff; margin: 0; }

.my-nav { display: flex; padding-top: 1rem; }
.my-nav li { flex: 1; }
.my-nav li a { display: block; text-align: center; }
.my-nav li a span { display: block; font-size: 1.1rem; color: #fff; }
.my-nav li a em { font-size: .7rem; color: #fff; }

.myisvip .my-poto { position: relative; }
.myisvip .my-poto a { position: relative; border: 3px solid #FFB300; z-index: 2; }
.myisvip .my-poto::after { position: absolute; right: -.5rem; top: -.8rem; display: block; content: ""; width: 1.75rem; height: calc(1.75rem * 0.87); background: url(../../images/must/vip-ico.png) no-repeat; background-size: cover; z-index: 1; }
.myisvip .my-operate .my-name { line-height: 2rem; }
.myisvip .my-operate .my-name em { display: inline-block; font-size: 1.1rem; color: #101010; padding-right: 1.5rem; background: url(../../images/must/my-vipicon.png) no-repeat right center; background-size: 1rem; }
.myisvip .my-operate .my-desc, .myisvip .my-operate p { display: none; }
.myisvip .my-operate .my-desc a, .myisvip .my-operate p a { color: #fff; }
.myisvip .my-nav li span, .myisvip .my-nav li em { color: #333; }

.my-vipguide { padding: 0 .75rem; height: 2.5rem; line-height: 2.5rem; }
.my-vipguide a { padding: .5rem 1rem; display: flex; height: 2.5rem; background: url(../../images/must/vipguide-bg.png) no-repeat; background-size: 100% 100%; border-radius: .5rem .5rem 0 0; overflow: hidden; }
.my-vipguide a .vipguide-text { flex: 1; font-size: .8rem; color: #F1CF8D; line-height: 1.5rem; padding-left: 2rem; background: url(../../images/must/vipguide-ico.png) no-repeat left center; background-size: 1.5rem; }
.my-vipguide a .vipguide-btn { height: 1.5rem; line-height: 1.5rem; padding: 0 .5rem; border: 1px solid #F1CF8D; background: #F1CF8D; color: #353437; border-radius: 1rem; }
.my-vipguide a .vipguide-btn:hover { background: #f7e2ba; }
.my-vipguide a .vipguide-btn:focus { outline: none !important; }

.my-list { background: #fff; margin-bottom: .5rem; padding: 0 .75rem; }
.my-list li { height: 2.5rem; line-height: 2.5rem; }
.my-list li a, .my-list li .list-item { display: block; position: relative; padding: 0 1rem 0 1.5rem; color: #333; }
.my-list li a i, .my-list li .list-item i { float: right; color: #999; }
.my-list li a:before, .my-list li .list-item:before { position: absolute; left: 0; top: 50%; margin-top: -.6rem; content: ""; display: block; width: 1rem; height: 1rem; background: url(../../images/must/mylist.png) no-repeat; background-size: 1rem; }
.my-list li a.resume-ico:before, .my-list li .list-item.resume-ico:before { background-position: 0 0; }
.my-list li a.live-ico:before, .my-list li .list-item.live-ico:before { background-position: 0 -1rem; }
.my-list li a.shop-ico:before, .my-list li .list-item.shop-ico:before { background-position: 0 -2rem; }
.my-list li a.dload-ico:before, .my-list li .list-item.dload-ico:before { background-position: 0 -3rem; }
.my-list li a.fdback-ico:before, .my-list li .list-item.fdback-ico:before { background-position: 0 -4rem; }
.my-list li a.about-ico:before, .my-list li .list-item.about-ico:before { background-position: 0 -5rem; }
.my-list li a.custome-ico:before, .my-list li .list-item.custome-ico:before { background-position: 0 -6rem; }
.my-list li span { font-size: .9rem; display: inline-block; line-height: 2.5rem; position: relative; }
.my-list li .mui-navigate-right:after { right: 0; }
.my-list li ~ li { border-top: 1px solid #efefef; }

.my-sign { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background: #fff; height: 2.5rem; line-height: 2.5rem; margin-bottom: .5rem; }
.my-sign button { width: 100%; height: 2.5rem; background: none; border: none; font-size: .9rem; color: #fa4628; }
.my-sign button:active { background: none; }
.my-sign button.sign-out { color: #999; }

.resume-item { position: relative; background: #fff; }
.resume-item ~ .resume-item:after { position: absolute; top: 0; left: .5rem; right: .5rem; content: ""; height: 1px; background: #efefef; }
.resume-item:last-child:after { display: none; }
.resume-item.resume-link { margin-top: .5rem; padding-bottom: 0; }
.resume-item .title { font-size: .8rem; font-weight: bold; padding: .5rem 1rem; color: #101010; }
.resume-item .title a { font-size: .6rem; color: #FA4628; font-weight: 400; }
.resume-item .m-list { padding: 0 1rem; }
.resume-item .m-list li { position: relative; display: flex; justify-content: center; align-items: center; padding: .25rem 0; border: none; }
.resume-item .m-list li a { display: flex; align-items: center; flex: 1; height: 2rem; }
.resume-item .m-list li span { font-size: .8rem; line-height: 1rem; padding: 0 .5rem 0 0; color: #333; white-space: nowrap; }
.resume-item .m-list li span.must-bar { position: relative; }
.resume-item .m-list li span.must-bar:before { position: absolute; right: 0; content: '*'; display: inline-block; color: #f44f49; }
.resume-item .m-list li span.tips-btn { line-height: 1rem; }
.resume-item .m-list li span.tips-btn i { float: right; margin-left: 0.5rem; color: #999; }
.resume-item .m-list li .ui-txt-info { flex: 1; position: relative; text-align: right; padding: .25rem 0 .25rem .25rem; }
.resume-item .m-list li .ui-txt-info input { width: 100%; font-size: .8rem; text-align: right; height: 1.5rem; line-height: 1.5rem; background: url(../../images/must/arrow_bottom.png) no-repeat right 0.5rem center; background-size: .5rem; padding: 0 1.5rem 0 .75rem; border: none; border-radius: 1rem; margin: 0; z-index: 2; }
.resume-item .m-list li .ui-txt-info input::input-placeholder { /* WebKit browsers */ font-size: .7rem; }
.resume-item .m-list li .ui-txt-info input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: .7rem; }
.resume-item .m-list li .ui-txt-info input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: .7rem; }
.resume-item .m-list li .ui-txt-info input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: .7rem; }
.resume-item .m-list li.mui-navigate-right:after { right: 0; }

.resume-msg { margin: .5rem 1rem; padding: .5rem; border-radius: .4rem; background-color: rgba(230, 248, 244, 0.6); }
.resume-msg dl { display: flex; line-height: 1.75rem; color: #333; font-size: .7rem; }
.resume-msg dl dt { display: flex; align-items: center; }
.resume-msg dl dt label { height: .8rem; line-height: .8rem; padding: 0 .25rem; color: #33C3A6; font-size: .5rem; margin-left: .5rem; border: 1px solid #33C3A6; border-radius: .25rem; }
.resume-msg dl dd {margin-left: 10px; flex: 1; text-align: right; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.resume-prompt { padding: 10px 20px; }
.resume-prompt a { display: inline-block; color: #f1514e; }

.notlog-resume { background: none; padding-top: .5rem; border: none; }
.notlog-resume .m-list { background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.notlog-resume .m-list li span { padding: 0; }
.notlog-resume .m-list li span.must-bar:before { display: none; }
.notlog-resume .m-prompt p { font-size: .8rem; }
.notlog-resume .m-prompt p i { color: #333; }
.notlog-resume .m-prompt p a { color: #fa4628; }
.notlog-resume .notlog-btn { text-align: center; }
.notlog-resume .notlog-btn button { width: 50%; height: 2rem; line-height: 2rem; padding: 0; font-size: .8rem; border: 1px solid #fa4628; background: #fa4628; color: #fff; border-radius: 1rem; }
.notlog-resume .notlog-btn button:hover { background: #fb715a; }
.notlog-resume .notlog-btn button:focus { outline: none !important; }

.percent-wrap { display: flex; height: 50px; line-height: 40px; padding: 5px 1rem; background: url(../../images/must/percent-bg.png) no-repeat; background-size: cover; cursor: pointer; }
.percent-wrap .title, .percent-wrap .explain { font-size: .7rem; color: #fff; }
.percent-wrap .percent-box { position: relative; width: 40px; height: 40px; line-height: 36px; border: 2px solid #fff; border-radius: 50%; background: #fff; margin: 0 .5rem; }
.percent-wrap .percent-line { position: absolute; width: 50%; height: 100%; top: 0; overflow: hidden; }
.percent-wrap .percent-l { top: 0px; left: 0px; }
.percent-wrap .percent-r { top: 0px; transform: rotate(180deg); -webkit-transform: rotate(180deg); right: 0px; }
.percent-wrap .percent-c { width: 200%; height: 100%; border: 3px solid transparent; border-radius: 50%; position: absolute; box-sizing: border-box; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.percent-wrap .percent-rm { border-top: 3px solid #baedee; border-left: 3px solid #baedee; border-bottom: 3px solid #33C3A6; border-right: 3px solid #33C3A6; }
.percent-wrap .percent-lm { border-top: 3px solid #baedee; border-left: 3px solid #baedee; border-bottom: 3px solid #33C3A6; border-right: 3px solid #33C3A6; }
.percent-wrap .percent-num { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: .6rem; text-align: center; color: #33C3A6; }

.mask-certificate { width: 100%; height: 100%; background: #f8f8f8; overflow: scroll; }
.mask-certificate .mui-content { padding-bottom: 50px; }
/**
 * 2022年7月2日16:15:49  同App 5.3.7.0 版本新增  wanglei
 */
.mask-certificate #certThird-input  em.scoreinput-fenshu{padding: 4px 6px; margin-left: -44px; font-size: 15px; font-weight: bold;
 position: relative;}


.not-cert { text-align: center; padding-top: 50%; }
.not-cert span { display: block; font-size: .8rem; padding-bottom: 1rem; color: #333; }
.not-cert button { display: inline-block; width: 60%; height: 2rem; line-height: 2rem; padding: 0; font-size: .8rem; color: #fff; border: none; background: linear-gradient(45deg, #68d6BF, #33C3A6); }
.not-cert button i { margin-right: .25rem; }

.edit-cert { background: #fff; padding-bottom: .5rem; border-bottom: 1px solid #efefef; }
.edit-cert .title { height: 2.5rem; line-height: 2.5rem; font-size: .9rem; padding: 0 1rem; border-bottom: 1px solid #efefef; color: #333; font-weight: 600; }
.edit-cert .cert-form { padding-top: .5rem; }
.edit-cert .cert-form dl { padding: .25rem 1rem; }
.edit-cert .cert-form dl dt { display: block; font-size: .7rem; line-height: 2rem; color: #666; }
.edit-cert .cert-form dl dd { position: relative; }
.edit-cert .cert-form dl dd input { width: 100%; height: 2rem; line-height: 2rem; border: none; border-bottom: 1px solid #EFEFEF; font-size: .8rem; margin: 0; }
.edit-cert .cert-form dl dd p { font-size: .6rem; text-align: center; }
.edit-cert .cert-form dl dd p span { color: #fa4628; padding-left: .5rem; }
.edit-cert .edit-cert-btn { padding: .5rem 0; text-align: center; }
.edit-cert .edit-cert-btn button { width: 25%; margin: 0 .75rem; border-radius: .25rem; line-height: 1.25rem; }
.edit-cert .edit-cert-btn button.save-btn { color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); border: none; }
.edit-cert .edit-cert-btn button.cancel-btn { color: #33C3A6; border: 1px solid #33C3A6; }

.append-cert { padding: 1rem 0; background: #fff; text-align: center; border-bottom: 1px solid #efefef; }
.append-cert a { display: inline-block; width: 60%; height: 2rem; line-height: 2rem; padding: 0; font-size: .8rem; border: 1px solid #fa4628; background: #fa4628; color: #fff; border-radius: 0.3rem; }
.append-cert a:hover { background: #fb715a; }
.append-cert a:focus { outline: none !important; }
.append-cert a i { margin-right: .25rem; }

.cert-list { margin-top: .5rem; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.cert-list .title { height: 2.5rem; line-height: 2.5rem; font-size: .7rem; padding: 0 1rem; border-bottom: 1px solid #efefef; color: #666; }
.cert-list ul li { padding: .75rem 1rem; line-height: 1.25rem; padding-right: 3rem; position: relative;overflow-x: hidden; text-overflow: ellipsis; text-overflow-ellipsis: true; }
.cert-list ul li p { margin: 0; line-height: 1.25rem; color: #333; font-size: .8rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.cert-list ul li span { display: inline-block; position: absolute; right: 0; top: .75rem; width: 4rem; height: 1.25rem; text-align: center; }
.cert-list ul li span a { display: inline-block; width: 1.75rem; height: 1.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; }
.cert-list ul li span a i { font-size: 1rem; color: #999; line-height: 1.25rem; }
.cert-list ul li span a:active { background-color: #929292; }
.cert-list ul li span button { width: 1.75rem; padding: 0; border: none; }
.cert-list ul li span button i { font-size: 1rem; color: #999; line-height: 1.25rem; }

.m-subscribr-list li, .m-attention-list li, .m-system-list li { background: #fff; padding: .5rem 1rem; margin-bottom: .5rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.m-subscribr-list li .listbar, .m-attention-list li .listbar, .m-system-list li .listbar { height: 1.5rem; line-height: 1.5rem; }
.m-subscribr-list li.onread h2 a, .m-attention-list li.onread h2 a, .m-system-list li.onread h2 a { color: #999; }
.m-subscribr-list li.onread span, .m-attention-list li.onread span, .m-system-list li.onread span { color: #999; }
.m-subscribr-list .notice-prompt, .m-attention-list .notice-prompt, .m-system-list .notice-prompt { font-size: .7rem; color: #999; padding-top: .5rem; display: block; }
.m-subscribr-list a, .m-attention-list a, .m-system-list a { font-size: .8rem; color: #333; font-weight: 400; line-height: 1.2rem; padding: .3rem 0; border-bottom: 1px solid #efefef; }
.m-subscribr-list a span, .m-attention-list a span, .m-system-list a span { font-size: .7rem; color: #999; line-height: 1.15rem; }
.m-subscribr-list .listbar-l span, .m-attention-list .listbar-l span, .m-system-list .listbar-l span { font-size: .7rem; }
.m-subscribr-list .listbar-r .icon-delete, .m-attention-list .listbar-r .icon-delete, .m-system-list .listbar-r .icon-delete { color: #999; }

.notice-bar span { max-width: 85%; float: left; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.notice-bar em { font-size: .7rem; vertical-align: bottom; padding-left: .3rem; display: inline-block; }

.g-mask .mask-close { position: absolute; right: .5rem; top: .5rem; font-size: 1rem; color: #999; line-height: 1rem; }
.g-mask .pop-head h5 { height: 1.5rem; line-height: 1.5rem; color: #333; font-size: .9rem; text-align: center; }
.g-mask .pop-content { border-top: 1px solid #efefef; padding: .5rem 0; }
.g-mask .pop-notice { padding-top: .5rem; }
.g-mask .pop-notice span { color: #333; font-size: .8rem; line-height: 1.5rem; }
.g-mask .pop-notice p { color: #999; margin: 0; font-size: .7rem; line-height: 1.5rem; }
.g-mask .pop-btn { padding-top: .5rem; }
.g-mask .pop-btn button { width: 40%; font-size: .7rem; }
.g-mask .pop-btn .cancel-btn { border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 0.3rem; }
.g-mask .pop-btn .cancel-btn:hover { background: white; }
.g-mask .pop-btn .cancel-btn:focus { outline: none !important; }
.g-mask .pop-btn .submit-btn { color: #fff; border-radius: .3rem; border: none; background: linear-gradient(45deg, #68d6BF, #33C3A6); margin-left: .5rem; }

.mask-box { top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; background: #fff; width: 80%; padding: .5rem 1rem 1rem; border-radius: .2rem; text-align: center; }

.mask-bottom-box { position: absolute; bottom: 0; width: 100%; background: #fff; border-radius: .2rem .2rem 0 0; padding: 1rem 1rem .5rem 1rem; }
.mask-bottom-box .pop-head h5 { color: #101010; }
.mask-bottom-box .pop-content { border: none; }
.mask-bottom-box .pop-btn { padding: 0 .25rem; }
.mask-bottom-box .pop-btn .submit-btn { width: 100%; line-height: 1.5rem; font-size: .8rem; color: #fff; border-radius: .3rem; background: linear-gradient(45deg, #68d6BF, #33C3A6); margin-left: 0; }

.evaluate-list { display: flex; }
.evaluate-list li { flex: 1; text-align: center; }
.evaluate-list li span { width: 2rem; height: 2rem; display: inline-block; }
.evaluate-list li span img { display: block; width: 2rem; }
.evaluate-list li span img.undefault { display: none; }
.evaluate-list li.active .default { display: none; }
.evaluate-list li.active .undefault { display: block; }
.evaluate-list li.active p { color: #F1514E; }
.evaluate-list li p { font-size: .75rem; color: #999; }

.cause-list { padding-bottom: .25rem; }
.cause-list li { float: left; width: 50%; padding: .25rem; }
.cause-list li span { display: block; height: 2rem; line-height: 2rem; border: 1px solid #CFCFCF; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; color: #666; font-size: .7rem; text-align: center; }
.cause-list li.active span { border: 1px solid #33C3A6; color: #33C3A6; }

.cause-text { padding: 0 .25rem .5rem .25rem; }
.cause-text textarea { display: block; font-size: .7rem; margin: 0; padding: .25rem; line-height: 1rem; color: #333; background: #f7f7f7; }

.m-remind-list { background: #fff; border-bottom: 1px solid #efefef; }
.m-remind-list ul { padding: 0 1rem; }
.m-remind-list ul li { display: block; overflow: hidden; position: relative; }
.m-remind-list ul li a { display: block; height: 2.25rem; }
.m-remind-list ul li.remind-subscribe { position: relative; }
.m-remind-list ul li.remind-subscribe a { margin-right: 5rem; }
.m-remind-list ul li.remind-subscribe .remind-btn { position: absolute; right: 1rem; top: 50%; width: 4rem; height: 1.25rem; line-height: 1.25rem; padding: 0; margin-top: -.625rem; font-size: .7rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 25px; }
.m-remind-list ul li.remind-subscribe .remind-btn:hover { background: white; }
.m-remind-list ul li.remind-subscribe .remind-btn:focus { outline: none !important; }
.m-remind-list ul .mui-navigate-right:after, .m-remind-list ul .mui-push-right:after { right: 0; }
.m-remind-list .remind-icon { width: 2.25rem; height: 2.25rem; border-radius: 100%; box-shadow: 0 0 0.1rem #eee; background: url(../../images/must/remind-ico.png) no-repeat; background-size: 2.25rem; float: left; }
.m-remind-list .remind-icon.remind-dy { background-position: 0 0; }
.m-remind-list .remind-icon.remind-gz { background-position: 0 -2.25rem; }
.m-remind-list .remind-icon.remind-wd { background-position: 0 -4.5rem; }
.m-remind-list .remind-icon.remind-xt { background-position: 0 -6.75rem; }
.m-remind-list .remind-title { display: inline-block; padding-left: .5rem; }
.m-remind-list .remind-title h5 { color: #333; line-height: 1.125rem; font-size: .9rem; margin-bottom: .05rem; margin-top: 0; }
.m-remind-list .remind-title h5 i { background: linear-gradient(56deg, #ff6a30 0%, #fd3237 100%); color: #fff; min-width: 18px; height: 18px; line-height: 18px; display: inline-block; border-radius: 9px; text-align: center; font-size: .6rem; margin-left: .5rem; padding: 0 .25rem; vertical-align: bottom; }
.m-remind-list .remind-title p { color: #999; margin: 0; font-size: .6rem; line-height: 1.125rem; }

.mark-all { padding: .5rem .7rem; }
.mark-all button { padding: 0 .5rem; line-height: 1.15rem; font-size: .6rem; border: 1px solid #33C3A6; background: #f8f8f8; color: #33C3A6; border-radius: 25px; }
.mark-all button:hover { background: white; }
.mark-all button:focus { outline: none !important; }
.mark-all i { float: right; line-height: 1.3rem; font-size: 1rem; }

.m-subscribr-list .notice-bar span { max-width: 80%; }

.m-msgdetail-list { padding: .75rem 1rem; }
.m-msgdetail-list li { border-radius: .3rem; padding: .5rem; background: #fff; border: 1px solid #efefef; margin-bottom: .5rem; }
.m-msgdetail-list li .listbar-r { color: #999; }
.m-msgdetail-list li .listbar-r i { padding: 0 .15rem; }
.m-msgdetail-list li .msg-link { padding-left: .5rem; }
.m-msgdetail-list .listbar { height: 1.15rem; line-height: 1.15rem; }

.m-attention-list .notice-bar em { display: inline; }
.m-attention-list .listbar-r span { color: #999; padding-right: .5rem; border-right: 1px solid #efefef; margin-right: .5rem; }
.m-attention-list li span em { color: #333; }

.notice { font-size: .7rem; color: #999; text-align: center; padding: .5rem; }

.subscribe-switch { background: #fff; }
.subscribe-switch h5 { color: #333; font-weight: 400; font-size: .8rem; }
.subscribe-switch .mui-switch.mui-active { border-color: #33C3A6; background-color: #33C3A6; }
.subscribe-switch .mui-switch.mui-active:before { content: "开"; }
.subscribe-switch .mui-switch:before { content: "关"; }

.test-intro { background: #fff; margin-top: .5rem; padding: .5rem 1rem; border-bottom: 1px solid #efefef; }
.test-intro .test-type { overflow: hidden; padding-bottom: 1.5rem; border-bottom: 1px solid #efefef; }
.test-intro .test-type h4 { font-size: .7rem; color: #999; margin: 0; line-height: 1.5rem; font-weight: normal; }
.test-intro .test-type h4 i { position: relative; top: -.1rem; display: inline-block; height: .75rem; line-height: .75rem; margin-left: .35rem; font-size: .5rem; color: #fff; padding: 0 .35rem; border-radius: 0 .35rem 0 .35rem; background: linear-gradient(45deg, #68d6BF, #33C3A6); }
.test-intro .test-type label { width: 23%; float: left; color: #333; font-size: .8rem; border: 1px solid #efefef; border-radius: .2rem; text-align: center; line-height: 1.5rem; margin-top: .5rem; margin: .5rem 2.66% 0 0; position: relative; overflow: hidden; }
.test-intro .test-type label.active { border: 1px solid #33C3A6; }
.test-intro .test-type label.active:after { height: 16px; line-height: 16px; color: #33C3A6; position: absolute; bottom: 0; right: -1px; content: "\e8b7"; font-family: "iconfont" !important; font-size: 16px; font-style: normal; }
.test-intro .push-time h5 { font-size: .8rem; margin-top: .5rem; line-height: 1.25rem; }
.test-intro .push-time h5 em { font-size: .6rem; }
.test-intro .push-time .mui-card { margin: 0; box-shadow: none; }
.test-intro .push-time .mui-card label { position: relative; padding: 0; font-size: .8rem; line-height: 2rem; color: #333; }
.test-intro .push-time .mui-card label em { color: #999; font-size: .6rem; }
.test-intro .push-time .mui-card .mui-input-group .mui-input-row:after { height: 0; }
.test-intro .push-time .mui-card .mui-input-group .mui-input-row { height: auto; line-height: 2rem; }
.test-intro .push-time .mui-card .mui-radio input[type=radio] { right: 0; }
.test-intro .push-time .mui-card .mui-radio input[type=radio]::before { content: "\e6dd"; font-family: "iconfont" !important; font-size: 1.25rem; font-style: normal; color: #ccc; }
.test-intro .push-time .mui-card .mui-radio input[type=radio]:checked:before { content: "\e6de"; font-family: "iconfont" !important; font-style: normal; color: #33C3A6; }
.test-intro .push-time .mui-card .mui-checkbox { border-top: 1px solid #efefef; }
.test-intro .push-time .mui-card .mui-checkbox input[type=checkbox] { right: 0; }
.test-intro .push-time .mui-card .mui-checkbox input[type=checkbox]::before { content: "\e6dd"; font-family: "iconfont" !important; font-size: 1.25rem; font-style: normal; color: #ccc; }
.test-intro .push-time .mui-card .mui-checkbox input[type=checkbox]:checked:before { content: "\e6de"; font-family: "iconfont" !important; font-style: normal; color: #33C3A6; }

.test-type-box { position: relative; }
.test-type-box label:nth-child(4n) { margin-right: 0; }

.m-Affirm-top { width: 90%; margin: 0 auto; padding: 1rem 0; }
.m-Affirm-top p { color: #999; font-size: .6rem; margin-bottom: .2rem; text-align: center; }

.feedback-list { background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.feedback-list li { height: 2.5rem; line-height: 2.5rem; padding: 0 .5rem; }
.feedback-list li label { position: relative; font-size: .8rem; float: left; width: 4rem; padding-left: .5rem; }
.feedback-list li label i { vertical-align: middle; position: absolute; left: 0; }
.feedback-list li span { float: right; width: calc(100% - 4.5rem); height: 2.5rem; padding: .25rem 0; }
.feedback-list li span input { float: right; height: 2rem; line-height: 2rem; margin: 0; padding: 0; border: none; text-align: right; font-size: .8rem; }
.feedback-list li ~ li { border-top: 1px solid #efefef; }

.feedback-type { background: #fff; padding: 1rem 1rem 0 1rem; margin-bottom: .5rem; }
.feedback-type .title { font-size: .8rem; padding-bottom: .5rem; }
.feedback-type ul { width: 100%; }
.feedback-type li { width: 50%; float: left; line-height: 1.75rem; }

.feedback { background: #fff; padding: 1rem 1rem; }
.feedback .title { font-size: .7rem; color: #333; font-weight: bold; padding-bottom: .5rem; }
.feedback .title i { color: #fa4628; margin-right: .25rem; }
.feedback .feedback-text { padding-bottom: .25rem; }
.feedback .feedback-text textarea { border: none; width: 100%; font-size: .8rem; resize: none; padding: .25rem; margin: 0; }
.feedback .feedback-text textarea::-webkit-input-placeholder { /* WebKit browsers */ font-size: .7rem; color: #aaa; }
.feedback .feedback-text textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: .7rem; color: #aaa; }
.feedback .feedback-text textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: .7rem; color: #aaa; }
.feedback .feedback-text textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: .7rem; color: #aaa; }
.feedback .feedback-text span { display: block; color: #999; text-align: right; }
.feedback .feedback-img { padding-top: .5rem; }
.feedback .feedback-img span { display: block; font-size: .7rem; color: #333; font-weight: bold; }
.feedback .feedback-img span i { color: #fa4628; margin-right: .25rem; }
.feedback .feedback-img span em { font-size: .6rem; color: #999; padding-left: .25rem; font-weight: 400; }
.feedback .feedback-img ul { padding-top: .5rem; }
.feedback .feedback-img ul li { position: relative; float: left; width: 4rem; height: 4rem; border: 1px solid #efefef; padding: .15rem; margin-right: .5rem; line-height: 3.7rem; z-index: 1; }
.feedback .feedback-img ul li .upload-btn { top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; width: 100%; }
.feedback .feedback-img ul li > span { display: block; width: 100%; height: 100%; }
.feedback .feedback-img ul li > span img { max-width: 100%; max-height: 100%; }
.feedback .feedback-img ul li .feedback-remove { position: absolute; right: -.4rem; top: -.4rem; width: .8rem; height: .8rem; line-height: .8rem; font-size: .8rem; color: #ccc; z-index: 2; }
.feedback .feedback-img ul li.feedback-addimg { background: #f8f8f8; border: 1px dashed #efefef; }
.feedback .feedback-img ul li.feedback-addimg .feedback-icon .icon-poto { font-size: 1rem; color: #ccc; display: block; text-align: center; line-height: 1rem; }
.feedback .feedback-img ul li.feedback-addimg .feedback-icon span { display: block; font-size: .6rem; color: #ccc; text-align: center; line-height: 1rem; }

.feedback-phone { background: #fff; margin-top: 1rem; }
.feedback-phone input { margin: 0; padding: 0 1rem; border: none; font-size: .7rem; }

.attention-tab { background: #fff; }
.attention-tab .attention-switch { height: 2.25rem; position: fixed; left: 0; right: 0; background: #fff; z-index: 2; }
.attention-tab .attention-switch ul { text-align: center; display: flex; justify-content: center; }
.attention-tab .attention-switch ul li { height: 2.25rem; line-height: 2.25rem; width: 20%; font-size: .8rem; float: inherit; }
.attention-tab .attention-switch ul li.active { border-bottom: 2px solid #fa4628; }
.attention-tab .attention-switch ~ .tab-content { padding-top: 2.25rem; }

.attention-list { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background: #fff; }
.attention-list ul { padding: .5rem 1rem; }
.attention-list ~ .attention-list { border-top: none; }

.m-aboutus .aboutus-logo { background: #fff; text-align: center; padding: 2rem 0; }
.m-aboutus .aboutus-logo span { display: inline-block; width: 5rem; }
.m-aboutus .aboutus-logo span img { width: 100%; height: auto; }
.m-aboutus ul { margin-top: .75rem; background: #fff; padding: .5rem 1rem; }
.m-aboutus ul li { position: relative; }
.m-aboutus ul li.about-item { padding: .75rem 0; }
.m-aboutus ul li.about-item em { float: right; }
.m-aboutus ul li:after { right: 0; }
.m-aboutus ul li a { font-size: .8rem; }

.about-foot { position: fixed; bottom: 1rem; left: 0; right: 0; }
.about-foot p { text-align: center; color: #999; font-size: .7rem; }

.position-list { background: #fff; }

.footprint-tab { background: #fff; position: relative; height: calc(100vh - 50px); }
.footprint-tab .footprint-switch { width: 100%; background: #fff; z-index: 2; }
.footprint-tab .footprint-switch ul { text-align: center; display: flex; justify-content: center; height: 2.25rem; }
.footprint-tab .footprint-switch ul li { flex: 1; height: 2.25rem; line-height: 2.25rem; font-size: .8rem; text-align: center; }
.footprint-tab .footprint-switch ul li.active i { display: inline-block; height: 2.25rem; border-bottom: 2px solid #fa4628; }
.footprint-tab .footprint-switch .inquiry { height: 2rem; line-height: 2rem; font-size: .7rem; color: #999; background: #FDEDED; text-align: center; }
.footprint-tab .footprint-switch .inquiry i { color: #FD3237; }
.footprint-tab .footprint-switch ~ .tab-content { padding-top: 4.25rem; }
.footprint-tab #pullrefresh { top: 4.25rem; }

.footprint-time { color: #999; font-size: .7rem; line-height: 1.5rem; padding: 0 1rem; border-bottom: 1px solid #efefef; width: 100%; display: block; background: #f8f8f8; }

.prepare-list { background: #fff; }
.prepare-list li { padding: .5rem; position: relative; overflow: hidden; }
.prepare-list li .prepare-portrait { float: left; width: 4rem; height: 5rem; }
.prepare-list li .prepare-portrait img { width: 100%; }
.prepare-list li .prepare-content { padding-left: 4.5rem; padding-right: 4rem; height: 5rem; }
.prepare-list li .prepare-content .prepare-intro h5 { font-size: .8rem; color: #333; }
.prepare-list li .prepare-content .prepare-intro p { font-size: .7rem; color: #999; }
.prepare-list li .prepare-state span { color: #999; font-size: .7rem; margin-left: .1rem; }
.prepare-list li .prepare-state .update { border: 1px solid #999; border-radius: 3rem; padding: .0 .2rem; font-size: .6rem; }
.prepare-list li .free-btn { width: 4rem; position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); }
.prepare-list li .free-btn button { width: 4rem; padding: 0; line-height: 1.5rem; font-size: .7rem; border: 1px solid #fa4628; background: #fff; color: #fa4628; border-radius: 1rem; }
.prepare-list li .free-btn button:hover { background: white; }
.prepare-list li .free-btn button:focus { outline: none !important; }

.pop-major { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; border-radius: .5rem .5rem 0 0; padding: 1rem 1rem 0 1rem; }
.pop-major .close-btn { position: absolute; right: .25rem; top: .25rem; font-size: 2rem; }
.pop-major .major-title { font-size: .9rem; color: #101010; }
.pop-major .major-note { font-size: .6rem; color: #999; padding: .5rem 0; }
.pop-major .major-onselect { display: flex; font-size: .7rem; color: #101010; padding-bottom: .75rem; margin-bottom: .75rem; border-bottom: 1px solid #EFEFEF; }
.pop-major .major-onselect span { flex: 1; }

.major-search .search-input { position: relative; border: 1px solid #ccc; height: 2rem; line-height: 2rem; border-radius: 1rem; background: #fff; }
.major-search .search-input i { display: block; position: absolute; left: 0; top: 0; width: 2rem; line-height: 2rem; font-size: 1.2rem; text-align: center; }
.major-search .search-input input { width: 100%; font-size: .8rem; padding: 0 .25rem 0 2rem; background: none; border: none; margin: 0; text-align: left; }

.major-search-list { padding: .5rem 0; height: 50vh; overflow-y: scroll; }
.major-search-list li { line-height: 1rem; font-size: .7rem; color: #333; padding: .5rem 0; }

.major-tab { padding-top: .75rem; }
.major-tab .tab-nav li { position: relative; float: left; font-size: .8rem; font-weight: 600; padding-bottom: .25rem; }
.major-tab .tab-nav li ~ li { margin-left: 1rem; }
.major-tab .tab-nav li.active:after { position: absolute; bottom: 0; left: 50%; margin-left: -.5rem; content: ""; display: block; width: 1rem; height: .15rem; background: #33C3A6; }
.major-tab .tab-content { position: relative; padding: .5rem 0 .75rem 0; width: 100%; height: 40vh; overflow-y: scroll; overflow-x: hidden; }
.major-tab .tab-content .library-list { position: absolute; top: 0; left: 100%; width: 100%; background: #fff; z-index: 1; }
.major-tab .tab-content .library-list.onactive { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; left: 0; }
.major-tab .tab-content .library-list li { position: relative; padding: .5rem 0; font-size: .7rem; line-height: 1rem; }

.edit-switch { margin-left: -1rem; margin-right: -1rem; line-height: 1.25rem; background: #f5f5f5; padding: .5rem 1rem; font-size: .7rem; text-align: center; }
.edit-switch i { color: #FD3237; padding-left: .5rem; }

.fill-form { padding: .5rem 0; height: 50vh; }
.fill-form .form-item { display: flex; padding: .5rem 0; }
.fill-form .form-item label { width: 4rem; margin-right: .5rem; line-height: 40px; font-size: .8rem; }
.fill-form .form-item label i { color: #FF5639; }
.fill-form .form-item input { flex: 1; border-radius: 20px; font-size: .7rem; margin: 0; }
.fill-form .form-item button { width: 60vw; height: 2.5rem; line-height: 2.5rem; border-radius: 1.25rem; color: #fff; margin: 0 auto; padding: 0; border: none; background: linear-gradient(45deg, #68d6BF, #33C3A6); }
.fill-form .form-item button.not-save { opacity: .5; }
.fill-form .form-item.form-btn { padding: 1rem 0 .5rem 0; }

.major-wrapper { position: relative; }

.mask-library { width: 100%; height: 100%; background: #fff; }

.library-box { padding: 0 .5rem; background: #fff; }
.library-box .mod-tab { border-bottom: 1px solid #f1f1f1; height: 2.5rem; text-align: center; }
.library-box .mod-tab li { width: 4rem; display: inline-block; line-height: 2.4rem; text-align: center; margin-right: .5rem; font-size: .8rem; font-weight: 600; }
.library-box .mod-tab li.current { color: #fc6769; border-bottom: 2px solid #fc6769; }

.mod-list-container { position: absolute; top: 2.5rem; left: 0; right: 0; bottom: 0; overflow: hidden; }
.mod-list-container .library-list { padding: 0 .5rem; position: absolute; top: 0; left: 100%; background: #fff; z-index: 1; width: 100%; height: 0; }
.mod-list-container .library-list.onactive { display: inherit; position: relative; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; left: 0; z-index: 10; height: 100%; overflow-y: scroll; }
.mod-list-container .library-list.onactive::scrollbar { display: none; }
.mod-list-container .library-list li { border-bottom: 1px solid #efefef; cursor: pointer; height: 2rem; line-height: 2rem; font-size: .8rem; padding: 0; position: relative; }
.mod-list-container .library-list li:after { right: 0; }

.mask-choice { width: 100%; height: 100%; background: #fff; }

.m-choice { position: relative; height: 2.5rem; line-height: 1.5rem; background: #fff; padding: .5rem; margin-top: .5rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.m-choice button { text-align: center; width: 6rem; float: right; height: 1.5rem; font-size: .7rem; background: #efefef; color: #666; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -o-border-radius: 0.3rem; -ms-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; border-radius: 0.3rem; }
.m-choice .choice-input { display: block; margin-right: 6rem; }
.m-choice .choice-input input { height: 1.5rem; padding: 0 .25rem 0 0; margin: 0; border: none; }
.m-choice .choice-down { display: none; position: absolute; top: 2.7rem; left: 0; right: 0; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 0 .5rem; height: 10rem; overflow-y: scroll; }
.m-choice .choice-down::scrollbar { display: none; }
.m-choice .choice-down .choice-prompt { display: block; font-size: .7rem; color: #ccc; height: 2rem; line-height: 2rem; }
.m-choice .choice-down li { height: 2rem; line-height: 2rem; padding: 0; font-size: .8rem; }

.answer-scroll { width: 100%; height: 100%; position: relative; padding-bottom: 2.5rem; }

.classify-list { padding: .5rem; }
.classify-list span { width: 30%; float: left; margin: 2% 1.5%; display: block; text-align: center; height: 1.5rem; line-height: 1.5rem; margin: 2% 1%; text-align: center; font-size: .7rem; border: 1px solid #eee; color: #333; border-radius: 1rem; }
.classify-list span.active { color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); border-radius: 1rem; }

.answer-screen-btn { position: absolute; bottom: 0; left: 0; right: 0; height: 2.5rem; padding: .3rem 0; text-align: center; border-top: 1px solid #e5e5e5; background: #fff; z-index: 100; }
.answer-screen-btn button { width: 80%; height: 1.9rem; line-height: 1.9rem; padding: 0; color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); border-radius: 1rem; }

.asw-content { background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.asw-content .asw-title { height: 2rem; line-height: 2rem; padding: 0 1rem; border-bottom: 1px solid #efefef; }
.asw-content .asw-title .title-text { display: inline-block; font-size: .8rem; border-bottom: 2px solid #33C3A6; }
.asw-content .asw-title .summary-title { font-size: .7rem; }
.asw-content .asw-title .summary-title i { font-weight: 600; padding: 0 .25rem; }
.asw-content .asw-title .title-btn { height: 2rem; line-height: 2rem; float: right; border: none; background: none; padding: 0; font-size: .7rem; color: #666; }
.asw-content .asw-title .title-btn .i { float: right; margin-left: .25rem; }
.asw-content .asw-title .title-aswnum { font-size: .7rem; }
.asw-content .asw-title .title-aswnum i { padding: 0 .25rem; font-weight: 600; }

.answer-list { padding: .5rem 1rem; }
.answer-list li { padding: .75rem 0; }
.answer-list li a { display: block; }
.answer-list li .answer-logo { float: left; width: 2rem; height: 2rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.answer-list li .answer-logo img { display: block; width: 100%; height: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.answer-list li .answer-come { padding: .25rem; background: #f8f8f8; margin-bottom: .25rem; font-size: .7rem; color: #666; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.answer-list li .answer-text { margin-left: 2.5rem; }
.answer-list li .answer-person { line-height: 2rem; }
.answer-list li .answer-person span { font-size: .7rem; padding-right: .25rem; color: #999; }
.answer-list li .answer-person time { font-size: .7rem; position: relative; padding-left: .4rem; padding-right: .25rem; color: #999; }
.answer-list li .answer-person time:before { display: inline-block; position: absolute; left: 0; top: 50%; content: ''; width: 3px; height: 3px; margin-top: -2px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #999; }
.answer-list li .answer-person label { margin-left: .15rem; font-size: .7rem; padding: 0 .25rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 0.15rem; }
.answer-list li .answer-person label:hover { background: white; }
.answer-list li .answer-person label:focus { outline: none !important; }
.answer-list li .answer-result { font-size: .8rem; line-height: 1.25rem; color: #666; }
.answer-list li .reply-img li { float: left; padding: 0; margin: 0 .5rem .5rem 0; width: 4rem; height: 3rem; line-height: 3rem; border: 1px solid #efefef; overflow: hidden; font-size: 0; }
.answer-list li .reply-img li img { display: inline-block; width: 100%; height: auto; }

.reply-title { margin: .5rem 0; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.reply-title li { padding: 0; }

.answer-area-list { padding: .5rem; }
.answer-area-list span { float: left; width: 23%; height: 1.5rem; line-height: 1.5rem; margin: 2% 1%; text-align: center; font-size: .7rem; border: 1px solid #eee; color: #333; border-radius: 1rem; }
.answer-area-list span.active { color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); border-radius: 1rem; border: none; }

.questions-btn { position: fixed; bottom: 5.5rem; right: 1rem; width: 2.5rem; height: 2.5rem; background: linear-gradient(to right, #68d6BF, #33C3A6); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; z-index: 9; }
.questions-btn a { display: block; padding: .45rem 0; line-height: .8rem; text-align: center; color: #fff; font-size: .6rem; }
.questions-btn a i { display: inline-block; }
.questions-btn a span { display: block; }
.questions-btn.foot-questions { bottom: 2rem; }

.pop-guide-foot { position: fixed; bottom: 50px; left: 0; right: 0; height: 2.5rem; background: rgba(0, 0, 0, 0.6); z-index: 10; }
.pop-guide-foot .guide-delete { width: 2rem; float: left; text-align: center; line-height: 2.5rem; cursor: pointer; }
.pop-guide-foot .guide-delete i { position: relative; color: #3d3d3d; font-size: 1.2rem; }
.pop-guide-foot .guide-delete i:after { position: absolute; left: 0; top: 0; content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; z-index: -1; }
.pop-guide-foot .guide-info { margin-left: 2rem; padding: .25rem 0; padding-right: .5rem; }
.pop-guide-foot .guide-info p { color: #fff; line-height: 1rem; margin: 0; font-size: .6rem; }
.pop-guide-foot .guide-info span { display: block; font-size: .8rem; color: #fff; line-height: 2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.pop-guide-foot .guide-btn { float: right; position: relative; top: .25rem; right: 0; float: right; height: 1.5rem; line-height: 1.5rem; padding: 0 .5rem; font-size: .7rem; border: 1px solid #fa4628; background: #fa4628; color: #fff; border-radius: 1rem; }
.pop-guide-foot .guide-btn:hover { background: #fb715a; }
.pop-guide-foot .guide-btn:focus { outline: none !important; }

.answer-detail { background: #fff; border-bottom: 1px solid #efefef; margin-bottom: .5rem; padding: 1rem; }
.answer-detail h5 { font-size: .9rem; line-height: 1.25rem; color: #333; margin: 0; padding-bottom: .5rem; }
.answer-detail .answer-source { background: #f8f8f8; padding: .5rem; font-size: .7rem; color: #999; line-height: 1rem; margin-bottom: .5rem; }
.answer-detail .answer-source a { color: #999; }
.answer-detail .answer-info { font-size: .7rem; line-height: 1.25rem; color: #999; padding-bottom: .5rem; }
.answer-detail .answer-img li { float: left; margin: 0 .5rem .5rem 0; width: 4.8rem; height: 4rem; line-height: 4rem; border: 1px solid #efefef; overflow: hidden; font-size: 0; }
.answer-detail .answer-img li img { display: inline-block; width: 100%; height: auto; }
.answer-detail .answerbar { line-height: 1.5rem; }
.answer-detail .answerbar .answerbar-l { float: left; }
.answer-detail .answerbar .answerbar-l .answer-logo { float: left; width: 1.5rem; height: 1.5rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; margin-right: .5rem; }
.answer-detail .answerbar .answerbar-l .answer-logo img { display: block; width: 100%; height: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.answer-detail .answerbar .answerbar-l span { float: left; color: #999; font-size: .6rem; padding-right: .25rem; }
.answer-detail .answerbar .answerbar-l span.name { max-width: 4rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.answer-detail .answerbar .answerbar-l span ~ span { position: relative; padding-left: .4rem; }
.answer-detail .answerbar .answerbar-l span ~ span:before { display: inline-block; position: absolute; left: 0; top: 50%; content: ''; width: 3px; height: 3px; margin-top: -2px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #999; }
.answer-detail .answerbar .answerbar-r { float: right; }
.answer-detail .answerbar .answerbar-r a { display: inline-block; padding: 0 .75rem; line-height: 1.25rem; font-size: .65rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 0.15rem; }
.answer-detail .answerbar .answerbar-r a:hover { background: white; }
.answer-detail .answerbar .answerbar-r a:focus { outline: none !important; }

.foot-answer { width: 100%; margin: 0 auto; padding: 5px 10px; }
.foot-answer a { display: block; padding: 0 1rem; height: 40px; line-height: 40px; font-size: .9rem; color: #999; background: #f5f5f5; border: 1px solid #dfdfdf; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; }
.foot-answer a i { font-size: 1rem; margin-right: .25rem; }

.reply-footbar { height: auto; }
.reply-footbar .foot-answer { position: relative; }
.reply-footbar .foot-answer .reply-input { position: relative; padding: 0 .8rem 0 2rem; margin-right: 4rem; line-height: 25px; font-size: .8rem; color: #999; background: #f5f5f5; border: 1px solid #dfdfdf; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.reply-footbar .foot-answer .reply-input .icon-pen { position: absolute; left: .75rem; top: 0; line-height: 40px; font-size: 1rem; }
.reply-footbar .foot-answer .reply-input .input-text { line-height: 20px; padding: .5rem 0; position: relative; font-size: .8rem; color: #333; user-select: auto; }
.reply-footbar .foot-answer .reply-input .input-text.notinput:before { position: absolute; left: 0; display: block; content: '我要回答...'; height: 20px; color: #ccc; }
.reply-footbar .foot-answer .reply-submit { position: absolute; top: 50%; right: .5rem; width: 3.5rem; line-height: 40px; padding: 0; font-size: .8rem; margin-top: -20px; border: 1px solid #33C3A6; background: #33C3A6; color: #fff; border-radius: 2rem; }
.reply-footbar .foot-answer .reply-submit:hover { background: #56d3ba; }
.reply-footbar .foot-answer .reply-submit:focus { outline: none !important; }

.questions { background: #fff; padding: .5rem 1rem; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.questions .questions-title { border-bottom: 1px solid #efefef; }
.questions .questions-title .input-text { line-height: 1.25rem; padding: .5rem 0; position: relative; font-size: .8rem; padding-left: .5rem; user-select: auto; }
.questions .questions-title .input-text.notinput:after { position: absolute; left: .5rem; display: block; content: '请输入问题标题'; height: 1.25rem; color: #ccc; }
.questions .questions-title .input-text:before { position: absolute; left: -.25rem; content: '*'; line-height: 1.25rem; color: #fa4628; }
.questions .questions-text { border-bottom: 1px solid #efefef; padding-bottom: .25rem; }
.questions .questions-text textarea { border: none; width: 100%; font-size: .8rem; resize: none; padding: .25rem 0 0 .5rem; line-height: 1.25rem; margin: 0; }
.questions .questions-text textarea::input-placeholder { /* WebKit browsers */ color: #ccc; }
.questions .questions-text textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; }
.questions .questions-text textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; }
.questions .questions-text textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
.questions .questions-text span { display: block; color: #999; text-align: right; }
.questions .questions-img { padding-top: .5rem; }
.questions .questions-img .uploadimg-title span { display: inline-block; font-size: .8rem; }
.questions .questions-img .uploadimg-title em { font-size: .6rem; color: #999; padding-left: .25rem; }
.questions .questions-img ul { padding-top: .5rem; }
.questions .questions-img ul li { position: relative; float: left; width: 3rem; height: 3rem; border: 1px solid #efefef; padding: .15rem; margin-right: .5rem; line-height: 2.7rem; z-index: 1; }
.questions .questions-img ul li .upload-btn { top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; width: 100%; }
.questions .questions-img ul li span { display: block; width: 100%; height: 100%; font-size: 0; }
.questions .questions-img ul li span img { max-width: 100%; max-height: 100%; }
.questions .questions-img ul li .questions-remove { position: absolute; right: -.4rem; top: -.4rem; width: .8rem; height: .8rem; line-height: .8rem; font-size: .8rem; color: #ccc; z-index: 2; }
.questions .questions-img ul li.questions-addimg { background: #f8f8f8; border: 1px dashed #efefef; }
.questions .questions-img ul li.questions-addimg .questions-icon .icon-poto { font-size: 1rem; color: #ccc; display: block; text-align: center; line-height: 1rem; }
.questions .questions-img ul li.questions-addimg .questions-icon span { display: block; font-size: .6rem; color: #ccc; text-align: center; line-height: 1rem; }

.questions-classify li { position: relative; height: 2.5rem; line-height: 2rem; margin-bottom: .5rem; padding: .25rem .5rem; background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; display: box; display: -moz-box; display: -ms-flexbox; display: flex; display: flex; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.questions-classify li span { float: left; font-size: .8rem; }
.questions-classify li span i { margin-right: .25rem; }
.questions-classify li .classify-input { box-flex: 1; -moz-box-flex: 1; flex: 1; -ms-flex: 1; flex: 1; }
.questions-classify li .classify-input input { width: 100%; text-align: right; border: none; margin: 0; font-size: .8rem; }
.questions-classify li.mui-checkbox { font-size: .8rem; background: none; border: none; }
.questions-classify li.mui-checkbox label { padding: 0 0 0 1.5rem; color: #666; }
.questions-classify li.mui-checkbox label input[type=checkbox] { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; right: inherit; left: .5rem; top: 50%; margin-top: -.65rem; }
.questions-classify li.mui-checkbox label input[type=checkbox]:before { font-size: 1.25rem; }
.questions-classify li.mui-checkbox label input[type=checkbox]:checked:before { color: #fa4628; }
.questions-classify li.mui-navigate-right:after { right: .5rem; }

.put-problem, .put-region { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; }
.put-problem .title, .put-region .title { padding: 0 0.5rem; height: 2rem; line-height: 2rem; font-size: .9rem; border-bottom: 1px solid #efefef; }
.put-problem ul, .put-region ul { padding: .35rem .15rem; }
.put-problem ul li, .put-region ul li { float: left; width: 25%; padding: .35rem; }
.put-problem ul li span, .put-region ul li span { display: block; height: 2rem; line-height: 2rem; text-align: center; font-size: .7rem; color: #666; border: 1px solid #bbb; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -o-border-radius: 1rem; -ms-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; }
.put-problem ul li.active span, .put-region ul li.active span { color: #fff; border: none; background: linear-gradient(45deg, #68d6BF, #33C3A6); }

.put-region ul li { width: 20%; }

.response { background: #fff; padding: 1rem; border-bottom: 1px solid #efefef; margin-bottom: .5rem; }
.response .response-text { border-bottom: 1px solid #efefef; padding-bottom: .25rem; }
.response .response-text textarea { border: none; width: 100%; font-size: .8rem; resize: none; padding: .25rem 0 0 .5rem; line-height: 1.25rem; margin: 0; }
.response .response-text textarea::input-placeholder { /* WebKit browsers */ color: #ccc; }
.response .response-text textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; }
.response .response-text textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; }
.response .response-text textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
.response .response-text span { display: block; color: #999; text-align: right; }
.response .response-img { padding-top: .5rem; }
.response .response-img .uploadimg-title span { display: inline-block; font-size: .8rem; }
.response .response-img .uploadimg-title em { font-size: .6rem; color: #999; padding-left: .25rem; }
.response .response-img ul { padding-top: .5rem; }
.response .response-img ul li { position: relative; float: left; width: 3rem; height: 3rem; border: 1px solid #efefef; padding: .15rem; margin-right: .5rem; line-height: 2.7rem; z-index: 1; }
.response .response-img ul li .upload-btn { top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; width: 100%; }
.response .response-img ul li span { display: block; width: 100%; height: 100%; font-size: 0; }
.response .response-img ul li span img { max-width: 100%; max-height: 100%; }
.response .response-img ul li .response-remove { position: absolute; right: -.4rem; top: -.4rem; width: .8rem; height: .8rem; line-height: .8rem; font-size: .8rem; color: #ccc; z-index: 2; }
.response .response-img ul li.response-addimg { background: #f8f8f8; border: 1px dashed #efefef; }
.response .response-img ul li.response-addimg .response-icon .icon-poto { font-size: 1rem; color: #ccc; display: block; text-align: center; line-height: 1rem; }
.response .response-img ul li.response-addimg .response-icon span { display: block; font-size: .6rem; color: #ccc; text-align: center; line-height: 1rem; }

.response-classify li { position: relative; height: 2.5rem; line-height: 2rem; margin-bottom: .5rem; padding: .25rem .5rem; }
.response-classify li.mui-checkbox { font-size: .8rem; }
.response-classify li.mui-checkbox label { padding: 0 0 0 1.5rem; color: #666; }
.response-classify li.mui-checkbox label input[type=checkbox] { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; right: inherit; left: .5rem; top: 50%; margin-top: -.65rem; }
.response-classify li.mui-checkbox label input[type=checkbox]:before { font-size: 1.25rem; }
.response-classify li.mui-checkbox label input[type=checkbox]:checked:before { color: #fa4628; }

.m-answersearch-list { background: #fff; }

.answersearch-view { padding: 0 1rem .5rem; }
.answersearch-view li { padding: .5rem 0; }
.answersearch-view li h2 { font-size: .9rem; }

.myanswer-tab .myanswer-switch { height: 2.25rem; position: fixed; left: 0; right: 0; background: #fff; z-index: 2; }
.myanswer-tab .myanswer-switch ul { text-align: center; display: flex; justify-content: center; }
.myanswer-tab .myanswer-switch ul li { height: 2.25rem; line-height: 2.25rem; width: auto; font-size: .8rem; float: inherit; margin: 0 1rem; }
.myanswer-tab .myanswer-switch ul li.active { border-bottom: 2px solid #33C3A6; }
.myanswer-tab .myanswer-switch ul li.active a { color: #33C3A6; }
.myanswer-tab .myanswer-switch ~ .tab-content { padding-top: 2.25rem; }

.myanswer-list { padding: 1rem; background: #fff; }
.myanswer-list li { padding: .5rem 0; }
.myanswer-list li h2 { line-height: 1.25rem; }
.myanswer-list li .answer-come { padding: .25rem; background: #f8f8f8; margin-bottom: .25rem; font-size: .6rem; color: #666; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.myanswer-list li .reply-info { padding: .15rem 0; }
.myanswer-list li .reply-info span { float: left; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; border: 1px solid #fa4628; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; color: #fa4628; }
.myanswer-list li .reply-info p { margin-left: 1.5rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: relative; }
.myanswer-list li .reply-info p:after { position: absolute; bottom: 0; right: 0; background: #fff; content: '查看全部>'; color: #fa4628; padding-left: .25rem; }

.m-search-list .search-view { background: #fff; padding: 0 1rem .5rem; }
.m-search-list .search-view li { padding: .5rem 0; }

.personal-info { background: #fff; border-bottom: 1px solid #efefef; }
.personal-info .m-list { padding: 0 .5rem; }
.personal-info .m-list li { position: relative; height: 3.5rem; padding: .5rem 0; line-height: 2.5rem; display: box; display: -moz-box; display: -ms-flexbox; display: flex; display: flex; justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.personal-info .m-list li span { float: left; font-size: .8rem; }
.personal-info .m-list li .ui-txt-info { box-flex: 1; -moz-box-flex: 1; flex: 1; -ms-flex: 1; flex: 1; padding-right: 1rem; text-align: right; font-size: .8rem; }
.personal-info .m-list li .ui-txt-info .personal-poto { float: right; width: 2.5rem; height: 2.5rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; overflow: hidden; font-size: 0; }
.personal-info .m-list li .ui-txt-info .personal-poto img { display: block; width: 100%; height: 100%; }
.personal-info .m-list li.mui-navigate-right:after { right: 0; }

.modify-name { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; padding: .75rem; }
.modify-name input { width: 100%; height: 2rem; line-height: 2rem; padding: .5rem .5rem; border: 1px solid #efefef; margin-bottom: .5rem; }
.modify-name .name-btn .btn { border: none; padding: 0; background: none; font-size: .8rem; }
.modify-name .name-btn .cancel-btn { float: left; color: #ccc; }
.modify-name .name-btn .determine-btn { float: right; color: #fa4628; }

@media screen and (max-width: 375px) { .mui-bar-nav ~ .mui-content .mui-slider.m-slider-tab { top: 8.6rem; }
  .mui-bar-nav ~ .mui-content .mui-slider.area-slider-tab { top: 7.8rem; } }
@media screen and (min-width: 375px) and (max-width: 400px) { .mui-bar-nav ~ .mui-content .mui-slider.m-slider-tab { top: 8.1rem; }
  .mui-bar-nav ~ .mui-content .mui-slider.area-slider-tab { top: 7.4rem; } }
.potoimg { position: fixed; background: black; top: 0; z-index: 999; width: 100%; height: 100%; left: 0; }
.potoimg .loading { position: absolute; top: 40%; width: 38%; left: 31%; height: 1.6rem; line-height: 1.6rem; z-index: 99999; text-align: center; color: #fff; border-radius: 0.2rem; background: #9f9f9f; }
.potoimg #clipArea { width: 100%; height: 80%; margin: auto; }
.potoimg .potoimg-operate { width: 90%; position: fixed; left: 5%; bottom: 0px; text-align: center; }
.potoimg dl { background: #fff; border-radius: 0.4rem; overflow: hidden; margin-bottom: 0.6rem; }
.potoimg dl dd { position: relative; height: 2.25rem; line-height: 2.25rem; border-bottom: 1px solid #999; font-size: .9rem; }
.potoimg dl dd.open-album { background: #fa4628; color: #fff; }
.potoimg dl dd input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.potoimg .potoimg-cancel { display: block; height: 2.25rem; line-height: 2.25rem; border-radius: 0.4rem; margin-bottom: 0.4rem; background: #fff; font-size: .9rem; }

.m-contrast .compare-data { width: 100%; border: 1px solid #efefef; border-collapse: collapse; background: #fff; table-layout: fixed; }
.m-contrast .compare-data td { border: 1px solid #efefef; text-align: center; overflow: hidden; padding: .5rem .25rem; font-size: .8rem; word-break: break-word; }
.m-contrast .compare-data td:first-child { background: #fff3f3; }
.m-contrast .compare-data td span { word-break: break-all; }
.m-contrast .compare-data .caption { font-weight: bold; width: 100%; }
.m-contrast .compare-data .caption td { font-size: .8rem; }
.m-contrast .compare-data .caption td.caption-title { font-weight: 400; color: #666; width: 4rem; padding: .5rem 0; border: none; }

.contrast-ftbtn { position: fixed; bottom: 0; left: 0; right: 0; height: 3rem; padding: .5rem 0; background: rgba(255, 255, 255, 0.8); text-align: center; }
.contrast-ftbtn a { display: inline-block; height: 2rem; line-height: 2rem; padding: 0 1rem; color: #fff; font-size: .8rem; background: linear-gradient(45deg, #68d6BF, #33C3A6); border-radius: 1rem; }
.contrast-ftbtn ~ .m-contrast { padding-bottom: 3rem; }

.contrast-list li { position: relative; line-height: 2rem; text-align: left; padding-right: 1rem; font-size: .8rem; color: #333; border-bottom: 1px solid #efefef; }
.contrast-list li .icon-close { position: absolute; right: 0; line-height: 2rem; font-size: 1rem; color: #ccc; }

.m-compete { padding: .5rem; }
.m-compete .compete-hd { padding-bottom: .5rem; }
.m-compete .compete-hd p { font-size: .7rem; color: #999; line-height: 1rem; margin: 0; }
.m-compete .compete-info { background: #fff; padding: 1rem .5rem .5rem; margin-bottom: .5rem; border: 1px solid #efefef; }
.m-compete .compete-info .info-title { height: 1.5rem; }
.m-compete .compete-info .info-title .title { float: left; width: 6.5rem; font-size: .9rem; }
.m-compete .compete-info .info-title .degree-bar { position: relative; top: .5rem; margin: 0 .5rem 0 7rem; height: .5rem; background: #ccc; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }
.m-compete .compete-info .info-title .degree-bar .degree-scroll { height: .5rem; }
.m-compete .compete-info .info-title .degree-bar .degree-scroll span { display: block; width: 100%; height: .5rem; background: #ff6b68; border-radius: .5rem; }
.m-compete .compete-info .info-title .degree-bar .degree-score { position: absolute; left: 0; top: -1.25rem; background: #093f64; width: 2rem; height: 1rem; line-height: 1rem; font-size: .6rem; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; text-align: center; margin-left: -1rem; }
.m-compete .compete-info .info-title .degree-bar .degree-score:before { position: absolute; top: 1rem; left: 50%; margin-left: -.15rem; content: ''; width: 0; height: 0; border-width: .15rem; border-style: solid; border-color: #093f64 transparent transparent transparent; }
.m-compete .compete-info .compete-list li { float: left; width: 45%; font-size: .7rem; color: #999; height: 25px; line-height: 25px; overflow: hidden; }
.m-compete .compete-info .compete-list li .star-box { position: relative; top: 2px; }
.m-compete .compete-info .compete-list li i { color: #333; font-weight: 600; }
.m-compete .compete-info .compete-list li:nth-child(even) { width: 55%; }
.m-compete .compete-chart { background: #fff; padding: .5rem; border: 1px solid #efefef; }
.m-compete .compete-chart .title { font-size: .7rem; color: #333; line-height: 1.25rem; }
.m-compete .compete-gender .title { font-size: 14px; color: #333; font-weight: 600; }
.m-compete .compete-gender li { height: 2rem; line-height: 1rem; padding: .5rem 0; }
.m-compete .compete-gender li .gender-num { float: left; width: 4rem; font-size: .8rem; color: #333; }
.m-compete .compete-gender li .gender-num i { font-weight: 600; margin-left: .25rem; }
.m-compete .compete-gender li .gender-bar { margin: 0 .5rem 0 4.5rem; height: 15px; background: #ccc; border-radius: .5rem; }
.m-compete .compete-gender li .gender-bar .gender-scroll { height: 15px; }
.m-compete .compete-gender li .gender-bar .gender-scroll span { display: block; width: 100%; height: 15px; background: #ff6b68; border-radius: .5rem; }
.m-compete .compete-gender li .gender-bar .gender-scroll span.gender-male { background: #6e75ff; }

.mistake-content { padding: .5rem; background: #fff; border-bottom: 1px solid #e5e5e5; }
.mistake-content dl { padding: .25rem 0; }
.mistake-content dl dt { height: 1.5rem; line-height: 1.5rem; font-size: .8rem; color: #333; }
.mistake-content dl dt i { font-size: .6rem; color: #999; }
.mistake-content dl dd .mistake-list { overflow: hidden; }
.mistake-content dl dd .mistake-list li { float: left; width: 33%; padding: .5rem .25rem; }
.mistake-content dl dd .mistake-list li span { display: block; text-align: center; height: 1.5rem; line-height: 1.5rem; font-size: .7rem; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -o-border-radius: 1rem; -ms-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; border: 1px solid #bbb; color: #333; }
.mistake-content dl dd .mistake-list li.active span { border: 1px solid #33C3A6; background: #33C3A6; color: #fff; }
.mistake-content dl dd textarea, .mistake-content dl dd input { padding: .25rem; margin: 0; font-size: .8rem; }
.mistake-content dl dd .mistake-code { position: relative; padding-right: 9rem; }
.mistake-content dl dd .mistake-code .code-img { position: absolute; top: 0; right: 0; width: 9rem; height: 40px; line-height: 40px; padding-left: .5rem; }
.mistake-content dl dd .mistake-code .code-img img { float: left; width: 5rem; height: 40px; }
.mistake-content dl dd .mistake-code .code-img span { display: inline-block; padding-left: .5rem; font-size: .8rem; color: #fa4628; }
.mistake-content dl dd .mistake-code .code-img span i { float: left; line-height: 40px; margin-right: .25rem; font-size: 1rem; }

.subscribe-prompt span { font-size: .8rem; color: #22ac38; font-weight: 600; line-height: 1.5rem; }
.subscribe-prompt p { font-size: .7rem; line-height: 1.5rem; margin: 0; }
.subscribe-prompt button { width: 60%; margin-bottom: .5rem; border: 1px solid #33C3A6; background: #33C3A6; color: #fff; border-radius: 1rem; }
.subscribe-prompt button:hover { background: #56d3ba; }
.subscribe-prompt button:focus { outline: none !important; }
.subscribe-prompt .subscribe-list { padding: .5rem 0; }
.subscribe-prompt .subscribe-list ul { width: 40%; margin: 0 auto; }
.subscribe-prompt .subscribe-list ul li { text-align: left; line-height: 1.5rem; font-size: .7rem; color: #333; font-weight: 600; }
.subscribe-prompt .subscribe-list ul li i { font-size: 1rem; float: left; color: #22ac38; margin-right: .5rem; font-weight: 400; }

.mistake-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; }
.mistake-wrap .mistake-info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%); text-align: center; width: 80%; }
.mistake-wrap .mistake-info span { display: inline-block; height: 200px; }
.mistake-wrap .mistake-info span img { width: auto; height: 200px; }
.mistake-wrap .mistake-info p { padding-top: .5rem; line-height: 2rem; font-size: .9rem; color: #333; margin-bottom: 1rem; }
.mistake-wrap .mistake-info a { display: inline-block; height: 1.5rem; line-height: 1.5rem; padding: 0 2rem; font-size: .8rem; border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 1rem; }
.mistake-wrap .mistake-info a:hover { background: white; }
.mistake-wrap .mistake-info a:focus { outline: none !important; }

.survey-banner { padding: .75rem 1rem 0; cursor: pointer; }
.survey-banner a { display: block; }
.survey-banner a img { width: 100%; height: auto; }
.survey-banner > img { width: 100%; height: auto; }

.layui-m-layer-survey { width: 90%; background: #fbcb6d !important; -moz-border-radius: 0.25rem !important; -webkit-border-radius: 0.25rem !important; -o-border-radius: 0.25rem !important; -ms-border-radius: 0.25rem !important; -khtml-border-radius: 0.25rem !important; border-radius: 0.25rem !important; }
.layui-m-layer-survey .layui-m-layercont { padding: .5rem .5rem 1.5rem !important; }

.survey-info { position: relative; background: #fff; border: 1px solid #4d1c02; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; padding: 1rem 0; text-align: center; }
.survey-info .close-icon { position: absolute; top: -3.5rem; right: 0; }
.survey-info .close-icon:after { position: absolute; top: 1.4rem; left: 50%; display: inline-block; content: ''; width: 1px; height: 1.6rem; background: #fff; }
.survey-info .close-icon i { font-size: 1.5rem; color: #fff; }
.survey-info .title { width: 80%; margin: 0 auto; }
.survey-info .title img { width: 100%; height: auto; }
.survey-info .survey-text { width: 80%; margin: 0 auto; padding-top: .5rem; }
.survey-info .survey-text p { font-size: .6rem; color: #999; line-height: 1rem; }
.survey-info .survey-form .sub-title { position: relative; margin: 0 -1px; height: 1.5rem; line-height: 1.5rem; overflow: hidden; }
.survey-info .survey-form .sub-title:before, .survey-info .survey-form .sub-title:after { position: absolute; top: 50%; margin-top: -.375rem; content: ''; width: .75rem; height: .75rem; border: 1px solid #4d1c02; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #fbcb6d; z-index: 2; }
.survey-info .survey-form .sub-title:before { left: -0.375rem; }
.survey-info .survey-form .sub-title:after { right: -0.375rem; }
.survey-info .survey-form .sub-title span { display: block; text-align: center; position: relative; z-index: 1; }
.survey-info .survey-form .sub-title span i { position: relative; display: inline-block; color: #333; font-size: .8rem; font-weight: 600; background: #fff; padding: 0 .25rem; z-index: 2; }
.survey-info .survey-form .sub-title span:after { position: absolute; top: 50%; content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px dotted #ccc; }
.survey-info .survey-form .form-info { padding: 0 1.5rem; }
.survey-info .survey-form .survey-opt { padding: .5rem 0; }
.survey-info .survey-form .survey-opt li { width: 33%; float: left; text-align: left; }
.survey-info .survey-form .opt-item { background: #f8f8f8; padding: .5rem; display: none; }
.survey-info .survey-form .opt-item span { display: block; font-size: .7rem; line-height: 1.5rem; text-align: left; }
.survey-info .survey-form .opt-item ul li { text-align: left; }
.survey-info .survey-form .survey-btn { padding-top: 1rem; }
.survey-info .survey-form .survey-btn button { width: 40%; background: #f75e5b; border: 1px solid #4d1c02; color: #fff; font-size: .8rem; }
.survey-info .survey-ico { position: absolute; left: 1rem; bottom: -1rem; height: 4.5rem; width: auto; }
.survey-info .survey-ico img { width: auto; height: 100%; }

.more-app { padding: .5rem 0; }
.more-app p { text-align: center; font-size: .7rem; color: #333; }
.more-app p a { color: #fa4628; }

.pop-wechat-code { position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.pop-wechat-code .pop-close { position: absolute; left: 50%; bottom: -2rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; color: #fff; margin-left: -.65rem; }
.pop-wechat-code .pop-close i { font-size: 1.25rem; }
.pop-wechat-code .wechat-code-info { -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; background: #fff; }
.pop-wechat-code .wechat-code-info .title { padding-top: 1rem; text-align: center; }
.pop-wechat-code .wechat-code-info .title span { display: block; font-size: .9rem; color: #333; line-height: 1.5rem; }
.pop-wechat-code .wechat-code-info .title span em { font-weight: 600; }
.pop-wechat-code .wechat-code-info .title p { font-size: .7rem; color: #333; line-height: 1.5rem; margin: 0; }
.pop-wechat-code .code-img { padding: 1.5rem 0; }
.pop-wechat-code .code-img span { display: block; width: 7rem; height: 7rem; margin: 0 auto; }
.pop-wechat-code .code-img span img { display: block; width: 100%; height: 100%; }
.pop-wechat-code .code-text { background: #f2f2f2; padding: .75rem 0; border-radius: 0 0 .5rem .5rem; }
.pop-wechat-code .code-text span { display: block; text-align: center; padding-bottom: .5rem; }
.pop-wechat-code .code-text span em { font-size: .8rem; line-height: 1rem; font-weight: 600; color: #333; border-bottom: 1px solid #fa4628; }
.pop-wechat-code .code-text p { text-align: center; line-height: 1.25rem; color: #666; font-size: .7rem; margin: 0; }

.pop-upgrade { position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.pop-upgrade .pop-close { position: absolute; left: 50%; bottom: -2rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; color: #fff; margin-left: -.65rem; }
.pop-upgrade .pop-close i { font-size: 1.25rem; }
.pop-upgrade .upgrade-info { background: #fff; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; background: url(../../images/must/upgrade-bg.png) no-repeat; background-size: 100%; padding: 2rem 0 1.5rem 0; }
.pop-upgrade .upgrade-info h1 { text-align: center; font-weight: 400; font-size: 1.25rem; color: #fff; }
.pop-upgrade .upgrade-info ul { width: 80%; padding-top: 1rem; margin: 0 auto; }
.pop-upgrade .upgrade-info ul li { position: relative; padding: 1rem 0; line-height: 1rem; color: #fff; font-size: .8rem; padding-left: 1.75rem; }
.pop-upgrade .upgrade-info ul li i { position: absolute; left: 0; top: 50%; margin-top: -.5rem; color: #ffbeb1; font-size: 1rem; }
.pop-upgrade .upgrade-info .upgrade-btn { padding-top: 1rem; text-align: center; }
.pop-upgrade .upgrade-info .upgrade-btn a { display: inline-block; width: 60%; height: 2rem; line-height: 2rem; background: #fff; padding: 0 1rem; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -o-border-radius: 1rem; -ms-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; font-size: .8rem; color: #ff6946; font-weight: 600; }
.pop-upgrade .upgrade-info .upgrade-btn a i { font-weight: 400; float: right; font-size: 1.25rem; }

.go-enroll{
    position: fixed;
    right: 0.2rem;
    bottom: 13.5rem;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 10;
}
.go-top, .precise-top { position: fixed; right: .5rem; bottom: 5rem; width: 2rem; height: 2rem; line-height: 2rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; text-align: center; background: #fff; cursor: pointer; -webkit-box-shadow: 0 0 15px #ccc; -moz-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; z-index: 10; }
.go-top i, .precise-top i { color: #666; font-size: 1.5rem; }

.guide-ico { position: fixed; right: .5rem; bottom: 7.5rem; width: auto; height: 2.5rem; line-height: 2.5rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; text-align: center; cursor: pointer; }
.guide-ico span { display: block; height: 2.5rem; }
.guide-ico span img { display: block; width: auto !important; height: 100% !important; }

.guide-activity { position: fixed; right: .5rem; bottom: 10rem; height: 1.75rem; z-index: 10; }
.guide-activity a { display: block; height: 1.75rem; }
.guide-activity a img { display: block; width: auto; height: 1.75rem; }

.pop-guide { position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.pop-guide .pop-close { position: absolute; left: 50%; bottom: -2rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; color: #fff; margin-left: -.65rem; }
.pop-guide .pop-close i { font-size: 1.25rem; }

.intention-info { padding: 1rem 0 .5rem 0; }
.intention-info span { font-size: 0.8rem; display: block; padding-bottom: .5rem; color: #333; }
.intention-info p { font-size: 0.6rem; color: #fa4628; margin: 0; line-height: 1rem; }

.guide-app { position: relative; width: 100%; padding: .5rem; background: #fff; display: flex; cursor: pointer; }
.guide-app .app-logo { width: 2rem; height: 2rem; border: 1px solid #E6E6E6; border-radius: .4rem; overflow: hidden; }
.guide-app .app-logo img { width: 100%; height: 100%; }
.guide-app .app-text { flex: 1; padding: 0 .5rem; }
.guide-app .app-text span { font-size: .8rem; line-height: 1.2rem; color: #333; }
.guide-app .app-text p { margin: 0; font-size: .6rem; line-height: .8rem; color: #999; }
.guide-app .app-btn { position: absolute; top: 50%; margin-top: -.625rem; right: 1rem; display: flex; align-items: center; }
.guide-app .app-btn button { height: 1.25rem; line-height: 1.25rem; padding: 0 .75rem; -moz-border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -o-border-radius: 1.5rem; -ms-border-radius: 1.5rem; -khtml-border-radius: 1.5rem; border-radius: 1.5rem; border: none; font-size: .6rem; color: #33C3A6; background: #fff; }
.guide-app .guide-img img { display: block; width: 100%; height: auto; }

.agreementbox { padding: .5rem 1.4rem 1.5rem 1.4rem; background: #fff; }
.agreementbox .agreement-title { padding: .5rem 0; text-align: center; font-size: .9rem; color: #333; }

.agreement-info { letter-spacing: .08rem; }
.agreement-info .sub-title { font-size: .8rem; margin-bottom: .5rem; line-height: 1.35rem; color: #333; font-weight: 600; }
.agreement-info .weight { font-weight: 600; color: #333; }
.agreement-info .text-info { margin-bottom: .5rem; line-height: 1.35rem; color: #333; }
.agreement-info .text-info p { font-size: .75rem; display: block; margin-bottom: .5rem; }

.jobguide_app, .answer-guide { position: relative; width: 100%; height: auto; z-index: 9; }
.jobguide_app img, .answer-guide img { width: 100%; height: auto; }
.jobguide_app .jobguide-info, .jobguide_app .answerguide-info, .answer-guide .jobguide-info, .answer-guide .answerguide-info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 10; }
.jobguide_app .jobguide-info span, .jobguide_app .answerguide-info span, .answer-guide .jobguide-info span, .answer-guide .answerguide-info span { text-align: center; }
.jobguide_app .jobguide-info span a, .jobguide_app .answerguide-info span a, .answer-guide .jobguide-info span a, .answer-guide .answerguide-info span a { padding: .25rem 1rem; font-size: .9rem; line-height: 2rem; color: #fff; border-radius: .25rem; background: linear-gradient(to right, #68d6BF, #33C3A6); }
.jobguide_app .jobguide-info span p, .jobguide_app .answerguide-info span p, .answer-guide .jobguide-info span p, .answer-guide .answerguide-info span p { font-size: .8rem; line-height: 1.5rem; color: #333; margin: 0; }

.m-interests { width: 100%; height: 100%; background: #170F15 url(../../images/must/interests-bg.png) no-repeat 1rem 1rem; background-size: 50%; }
.m-interests .swiper-pagination { position: relative; top: 0; }
.m-interests .swiper-pagination .swiper-pagination-bullet { padding: 1.5rem 0 .5rem 0; height: auto; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; background: none; }
.m-interests .swiper-pagination .swiper-pagination-bullet span { display: inline-block; width: 2.5rem; height: 2.5rem; }
.m-interests .swiper-pagination .swiper-pagination-bullet span img { width: 100%; height: auto; }
.m-interests .swiper-pagination .swiper-pagination-bullet p { color: #fff; line-height: 1rem; padding-top: .5rem; }
.m-interests .swiper-pagination-bullets-dynamic { font-size: initial; }
.m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(1); opacity: 0.6; filter: alpha(opacity=60); }
.m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { opacity: 1; background: none; }
.m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active span { width: 3rem; height: 3rem; }
.m-interests .swiper-container { width: 100%; height: 100%; }

.interests-info { position: relative; background: #fff; height: calc(100% - 7rem); padding: 1rem 0 .5rem 0; }
.interests-info::after { position: absolute; top: -0.25rem; left: 50%; margin-left: -0.8rem; content: ""; display: block; width: 1.6rem; height: 0.25rem; background: url(../../images/must/interests-arrow.png) no-repeat; background-size: 100%; }

.interests-box { width: 100%; height: 100%; padding: 0 1rem; overflow-y: scroll; }
.interests-box .title { text-align: center; padding-bottom: .5rem; }
.interests-box .title span { position: relative; display: inline-block; font-size: 0.9rem; color: #D4A343; }
.interests-box .title span::before { position: absolute; top: 50%; left: -4.5rem; margin-top: -1px; display: block; content: ""; height: 2px; width: 4rem; background: linear-gradient(to left, #ebcb96, #fff); }
.interests-box .title span::after { position: absolute; top: 50%; right: -4.5rem; margin-top: -1px; display: block; content: ""; height: 2px; width: 4rem; background: linear-gradient(to right, #ebcb96, #fff); }
.interests-box .interests-text .subtitle { display: block; padding-left: 1.25rem; line-height: 2rem; font-size: 0.8rem; font-weight: 600; color: #333; background: url(../../images/must/state-ico.png) no-repeat left center; background-size: 0.8rem; }
.interests-box .interests-text .info-text span { display: block; padding: .25rem 0; font-size: .7rem; color: #333; line-height: 1.5rem; }
.interests-box .interests-text .info-text span i { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: .5rem; background: #333; color: #fff; border-radius: 50%; }
.interests-box .interests-text .info-text p { font-size: .7rem; color: #333; line-height: 1.5rem; }
.interests-box .interests-text .info-text img { display: block; max-width: 100%; height: auto; margin: .5rem auto; }
.interests-box .interests-text .table { width: 100%; }
.interests-box .interests-text .table thead tr { line-height: 2rem; font-size: .7rem; color: #333; background: #FCF9F3; }
.interests-box .interests-text .table thead tr .vipico { padding-left: 1rem; background: url(../../images/must/my-vipicon.png) no-repeat left center; background-size: .75rem; }
.interests-box .interests-text .table tbody tr { text-align: center; }
.interests-box .interests-text .table tbody tr:nth-child(odd) { background: #fff; }
.interests-box .interests-text .table tbody tr:nth-child(even) { background: #FCF9F3; }
.interests-box .interests-text .table tbody tr td { padding: .5rem; font-size: .7rem; line-height: 1rem; color: #333; }
.interests-box .interests-text .table tbody tr td.text-left { text-align: left; }
.interests-box .interests-text .table tbody tr td .contain { display: inline-block; width: 1rem; height: 1rem; background: url(../../images/must/contain.png) no-repeat center center; background-size: .8rem; }
.interests-box .interests-text .table tbody tr td .notcontain { display: inline-block; width: 1rem; height: 1rem; background: url(../../images/must/notcontain.png) no-repeat center center; background-size: .8rem; }
.interests-box .interests-text .table tbody tr:last-child { border-bottom: 1px solid #FCF9F3; }
.interests-box .interests-text .notthead tbody tr th { font-size: .7rem; color: #333; }
.interests-box .interests-text .notthead tbody tr:nth-child(odd) { background: #FCF9F3; }
.interests-box .interests-text .notthead tbody tr:nth-child(even) { background: #fff; }
.interests-box .interests-text .notthead tbody tr td { text-align: left; }
.interests-box .interests-text ~ .interests-text { padding-top: .75rem; }

.interests-foot, .vip-foot { background-image: linear-gradient(to right, #EECA89, #DDB175); border: none; }
.interests-foot a, .vip-foot a { display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; font-size: .8rem; color: #5E3B1F; }

.vip-foot button { width: 100%; font-size: .8rem; background: none; line-height: 50px; padding: 0; }

.buyvip-foot { display: flex; }
.buyvip-foot .open-agree { flex: 1; text-align: center; }
.buyvip-foot .open-agree .agree-radio { display: inline-block; color: #333; line-height: 25px; }
.buyvip-foot .open-agree .agree-radio i { float: left; margin-right: .25rem; }
.buyvip-foot .open-agree .agree-radio i.icon-oncheck { color: #CF8E0C; }
.buyvip-foot .open-agree a { display: block; color: #CF8E0C; line-height: 25px; }
.buyvip-foot .open-btn { flex: 1; font-size: .8rem; line-height: 50px; text-align: center; color: #5E3B1F; background: linear-gradient(90deg, #eeca89 0%, #ddb175 100%); }
.buyvip-foot .open-btn span { padding-left: .25rem; }
.buyvip-foot .open-btn i { font-size: 1rem; font-weight: 600; }

.smallphone .interests-info { padding: 1rem; }
.smallphone .interests-info .interests-img img { height: 5rem; }
.smallphone .interests-info .interests-width img { height: 5rem; width: auto; }

.foot-hide { display: none; }
.foot-hide ~ .mui-content { padding-bottom: 0; }

.vip-head { background: #fff; }

.vip_entry_box {width: 95%; background-color: #F1CF8D;margin: 0.5rem auto;}
.vip_entry_box a{display: flex; align-items: center; padding: 0.4rem; justify-content: space-between;}
.vip_entry_box .g_box_left{ display: flex; align-items: center;}
.vip_entry_box img{width: 25px; height: 25px; }
.vip_entry_box p{ margin-bottom: 0; color: #2C2010;margin-left: 0.4rem;}
.vip_entry_box .btn{width: 3.94rem; height: 1.5rem; background: linear-gradient(270deg, #302413 0%, #523F23 100%); border-radius: 14px;color: #F1CF8D;text-align: center;line-height: 1.5rem; }


.vip-card { padding: 1rem 1rem 0 1rem; position: relative; }
.vip-card::after { position: absolute; top: 0; left: 0; right: 0; bottom: 50%; display: block; content: ''; background: #333; border-radius: 0 0 10% 10%; z-index: 1; }
.vip-card .card-box { position: relative; background: url(../../images/must/card-bg.png) no-repeat; background-size: cover; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; padding: 1.5rem 0 .8rem 0; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); z-index: 2; }
.vip-card .card-box .vip-msg { padding: 0 1rem; display: flex; }
.vip-card .card-box .card-info { position: relative; padding: 0 1rem; margin-top: 1rem; }
.vip-card .card-box .card-info span { font-size: .8rem; color: #865000; }
.vip-card .card-box .card-info p { font-size: .6rem; color: #865000; }
.vip-card .card-box .card-info .gorenewal { position: absolute; top: 50%; right: 1rem; margin-top: -.75rem; font-size: .7rem; color: #F3DEB1; line-height: 1.5rem; padding: 0 1rem; background: #d09746; border-radius: 1rem; }
.vip-card .card-box .card-tag { position: absolute; top: .5rem; right: .5rem; padding: .5rem .5rem; line-height: .8rem; color: #68400B; border-radius: .25rem 0 0 .25rem; }
.vip-card .card-box .card-tag i { width: .8rem; height: .8rem; line-height: .8rem; float: left; color: #fff; background: #68400B; border-radius: 50%; margin-right: .25rem; }
.vip-card.buyvip-card .card-box { padding: .75rem 0; border-radius: .25rem .25rem 0 0; background: url(../../images/must/buyvip-bg.png) no-repeat; background-size: cover; }
.vip-card.buyvip-card:after { bottom: 0; border-radius: 0; }
.vip-card.buyvip-card .vip-poto { width: 2rem; height: 2rem; }
.vip-card.buyvip-card .vip-poto a { display: block; width: 2rem; height: 2rem; }

.vip-poto { width: 3rem; height: 3rem; }
.vip-poto a { display: block; width: 3rem; height: 3rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #fff; overflow: hidden; }
.vip-poto a img { display: block; width: 100%; height: 100%; }

.vip-operate { flex: 1; padding: .5rem 0 .5rem .75rem; }
.vip-operate .vip-name { display: inline-block; font-size: .8rem; color: #68400B; font-weight: 600; line-height: 1rem; }
.vip-operate p { font-size: .6rem; color: #865000; line-height: 1rem; margin: 0; }
.vip-operate.buy-operate { padding: 0 0 0 .75rem; }

.onvip .vip-poto { position: relative; }
.onvip .vip-poto a { position: relative; border: 3px solid #FFBB6C; z-index: 2; }
.onvip .vip-poto::after { position: absolute; right: -.5rem; top: -.8rem; display: block; content: ""; width: 1.75rem; height: calc(1.75rem * 0.87); background: url(../../images/must/vip-ico.png) no-repeat; background-size: cover; z-index: 1; }
.onvip .vip-operate { padding: .5rem 0 .5rem .75rem; }
.onvip .vip-operate .vip-name { line-height: 2rem; font-size: 1.1rem; }
.onvip .vip-operate .vip-name em { padding-right: 1.5rem; background: url(../../images/must/my-vipicon.png) no-repeat right center; background-size: 1rem; }
.onvip .vip-operate .vip-desc, .onvip .vip-operate p { display: none; }

.isvip .vip-poto { position: relative; }
.isvip .vip-poto a { position: relative; border: 3px solid #FFBB6C; z-index: 2; }
.isvip .vip-poto::after { position: absolute; right: -.5rem; top: -.5rem; display: block; content: ""; width: 1.25rem; height: calc(1.25rem * 0.87); background: url(../../images/must/vip-ico.png) no-repeat; background-size: cover; z-index: 1; }
.isvip .vip-operate { padding: 0 0 0 .75rem; }
.isvip .vip-operate .vip-name em { padding-right: 1.25rem; background: url(../../images/must/my-vipicon.png) no-repeat right center; background-size: .8rem; }

.open-vip { padding: 1rem; }
.open-vip .title { line-height: 1.25rem; display: flex; }
.open-vip .title span { display: block; flex: 1; font-size: .8rem; color: #333; }
.open-vip .title span i { font-size: .6rem; color: #999; }
.open-vip .title a { position: relative; padding-right: .75rem; font-size: .6rem; color: #999; }
.open-vip .title a:after { right: 0; }
.open-vip .choose-vip { padding: 1rem 0 .5rem 0; display: flex; }
.open-vip .choose-vip li { position: relative; flex: 1; text-align: center; padding: .75rem 0; border: 1px solid #E5E5E5; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.open-vip .choose-vip li span { display: block; line-height: 1.25rem; }
.open-vip .choose-vip li .open-time { font-size: .8rem; color: #333; padding-bottom: .25rem; }
.open-vip .choose-vip li .open-price { color: #A57459; font-weight: 600; }
.open-vip .choose-vip li .open-price em { font-size: 1.2rem; }
.open-vip .choose-vip li .open-tag { position: absolute; top: -.6rem; right: -.25rem; font-size: .6rem; height: 1.25rem; line-height: 1rem; padding: 0 .5rem; color: #fff; background: url(../../images/must/open-tag.png) no-repeat; background-size: cover; }
.open-vip .choose-vip li .open-original { text-decoration: line-through; font-size: .6rem; color: #999; }
.open-vip .choose-vip li ~ li { margin-left: .5rem; }
.open-vip .choose-vip li.active { position: relative; background: url(../../images/must/choose-active.png) no-repeat; background-size: 100% 100%; border: 1px solid #F0CF8C; }
.open-vip .choose-vip li.active::after { position: absolute; right: 0; bottom: 0; content: "\e631"; font-family: "iconfont" !important; font-size: .8rem; color: #fff; width: 1rem; height: 1rem; text-align: right; line-height: 1rem; background: #D99E45; border-radius: 80% 0 0 0; }
.open-vip .choose-vip li.active .open-price { color: #592F1D; }

.vip-interests { padding: 1rem 1rem 0rem 1rem; background: #fff; }
.vip-interests .title { display: flex; line-height: 1rem; }
.vip-interests .title span { flex: 1; font-size: .8rem; color: #333; }
.vip-interests .title span i { position: relative; top: -.1rem; display: inline-block; margin-left: .35rem; font-size: .5rem; color: #fff; padding: 0 .35rem; border-radius: 0 .35rem 0 .35rem; background: linear-gradient(90deg, #ff6a30 0%, #fd3237 100%); }
.vip-interests .title a { position: relative; padding-right: .75rem; color: #999; }
.vip-interests .title a:after { right: 0; }
.vip-interests .interests-list { padding-top: .5rem; }
.vip-interests .interests-list li { width: 50%; float: left; }
.vip-interests .interests-list li a { display: block; text-align: left; padding: .75rem 0; }
.vip-interests .interests-list li .list-img { display: block; float: left; width: 2rem; height: 2rem; margin: 0 auto; }
.vip-interests .interests-list li .list-img img { width: 100%; height: 100%; }
.vip-interests .interests-list li .list-name { display: block; font-size: .7rem; line-height: 1rem; color: #333; font-weight: 600; padding-left: 2.5rem; }
.vip-interests .interests-list li p { font-size: .6rem; margin: 0; line-height: 1rem; padding-left: 2.5rem; }
.vip-interests .interests-list.interests-hidden { height: 11rem; overflow: hidden; }
.vip-interests .open-interests { padding: .5rem 0; text-align: center; }
.vip-interests .open-interests .an-btn { display: inline-block; line-height: 1.5rem; }
.vip-interests .open-interests .rotate { display: inline-block; transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.viplink-list { padding: .75rem 0; }
.viplink-list li { height: 2rem; line-height: 2rem; padding-left: 1rem; background: #fff; }
.viplink-list li a { position: relative; display: block; font-size: .8rem; }
.viplink-list li ~ li { margin-top: .75rem; }

.my-exclusive { padding: .5rem 1rem; background: #fff; }
.my-exclusive .title { display: flex; line-height: 1rem; }
.my-exclusive .title span { flex: 1; font-size: .8rem; color: #333; }
.my-exclusive .title span i { position: relative; top: -.1rem; display: inline-block; margin-left: .35rem; font-size: .5rem; color: #fff; padding: 0 .35rem; border-radius: 0 .35rem 0 .35rem; background: linear-gradient(90deg, #ff6a30 0%, #fd3237 100%); }
.my-exclusive .title a { position: relative; padding-right: .75rem; color: #999; }
.my-exclusive .title a:after { right: 0; }

.zx-goods { padding-top: .5rem; }
.zx-goods li { width: 50%; float: left; padding: .5rem .35rem; }
.zx-goods li .zxgoods-img { position: relative; display: block; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; overflow: hidden; }
.zx-goods li .zxgoods-img img { width: 100%; height: auto; }
.zx-goods li .zxgoods-img .zxgoods-type { position: absolute; top: 0; right: 0; color: #F1514E; font-size: .6rem; padding: 0 .25rem; background: #F3BF75; border-radius: 0 0 0 .25rem; }
.zx-goods li h5 { padding: .25rem 0; }
.zx-goods li h5 a { display: block; font-size: .8rem; color: #333; line-height: 1rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.zx-goods li .zxgoods-bar span { display: inline-block; line-height: 1rem; }
.zx-goods li .zxgoods-bar .tag { font-size: .6rem; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; padding: 0 .25rem; background-image: linear-gradient(to right, #F7DFBD, #F3BF75); }
.zx-goods li .zxgoods-bar .zxgoods-price { color: #E3B97C; font-size: .7rem; font-weight: 600; }
.zx-goods li .zxgoods-bar .zxgoods-original { text-decoration: line-through; font-size: .6rem; color: #999; }

.exclusive-banner { padding: .75rem 1rem; background: #fff; }
.exclusive-banner a { display: block; }
.exclusive-banner a img { width: 100%; height: auto; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }

.layui-m-layer-open-pay { box-sizing: border-box !important; border-radius: .5rem .5rem 0 0 !important; padding: .75rem .75rem 2.5rem .75rem !important; }
.layui-m-layer-open-pay .title { display: flex; justify-content: space-between; height: 2rem; line-height: 2rem; border-bottom: 1px solid #efefef; }
.layui-m-layer-open-pay .title .pay-time { font-size: .9rem; color: #333; }
.layui-m-layer-open-pay .title .pay-price { color: #F1514E; }
.layui-m-layer-open-pay .title .pay-price em { font-size: 1rem; font-weight: 600; }
.layui-m-layer-open-pay .buy-paybtn { position: absolute; bottom: 0; left: 0; right: 0; height: 2.5rem; }
.layui-m-layer-open-pay .buy-paybtn button { width: 100%; border: none; line-height: 2.5rem; font-size: .8rem; color: #5E3B1F; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; background-image: linear-gradient(to right, #F7DFBD, #F3BF75); }
.layui-m-layer-open-pay .pay-info { padding-bottom: .5rem; }
.layui-m-layer-open-pay .pay-info li { display: flex; justify-content: space-between; line-height: 2rem; cursor: pointer; }
.layui-m-layer-open-pay .pay-info li span { font-size: .8rem; color: #333; }
.layui-m-layer-open-pay .pay-info li .pay-ico { float: left; margin-right: .5rem; font-size: 1.25rem; }
.layui-m-layer-open-pay .pay-info li .pay-ico.icon-alipay { color: #00A0EC; }
.layui-m-layer-open-pay .pay-info li .pay-ico.icon-wechatpay { color: #17AA30; }
.layui-m-layer-open-pay .pay-info li .pay-select { font-size: 1.1rem; color: #D8D8D8; }
.layui-m-layer-open-pay .pay-info li .pay-select.icon-onselected { color: #F1514E; }
.layui-m-layer-open-pay .pay-info .pay-way { font-size: .7rem; color: #666; line-height: 2rem; }

.records-view li { background: #fff; margin-top: .5rem; padding: .5rem .75rem; border-bottom: 1px solid #efefef; }

.buy-records .title { display: flex; align-items: center; justify-content: space-between; line-height: 2rem; border-bottom: 1px solid #efefef; }
.buy-records .title span { font-size: .7rem; color: #333; }
.buy-records .title label { font-size: .6rem; color: #999; }
.buy-records .records-info { padding: .5rem 0; border-bottom: 1px solid #efefef; }
.buy-records .records-info dl { display: flex; line-height: 1.5rem; }
.buy-records .records-info dl dt { width: 4rem; font-size: .7rem; color: #999; }
.buy-records .records-info dl dd { flex: 1; font-size: .7rem; color: #333; }
.buy-records .records-bar { display: flex; justify-content: flex-end; padding-top: .5rem; }
.buy-records .records-bar a { display: inline-block; line-height: 1.5rem; padding: 0 1rem; font-size: .7rem; border: 1px solid #fa4628; background: #fff; color: #fa4628; border-radius: 0.25rem; }
.buy-records .records-bar a:hover { background: white; }
.buy-records .records-bar a:focus { outline: none !important; }

.pay-detail .pay-state { height: 2rem; line-height: 2rem; text-align: center; }
.pay-detail .pay-state span { display: inline-block; font-size: .8rem; }
.pay-detail .pay-state span i { float: left; font-size: 1rem; margin-right: .5rem; color: #63B20C; }
.pay-detail .pay-content { background: #fff; padding: .75rem; }
.pay-detail .pay-content .pay-head { display: flex; padding-bottom: .75rem; }
.pay-detail .pay-content .pay-head .vdetail-img { position: relative; width: 4rem; height: 4rem; background: url(../../images/must/vdetail-img.png) no-repeat; background-size: 100% 100%; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.pay-detail .pay-content .pay-head .vdetail-info { position: relative; flex: 1; padding-left: .75rem; }
.pay-detail .pay-content .pay-head .vdetail-info .title { display: block; font-size: .8rem; color: #333; }
.pay-detail .pay-content .pay-head .vdetail-info .amount { position: absolute; bottom: 0; font-size: .8rem; color: #333; }
.pay-detail .pay-content .pay-bar { display: flex; justify-content: space-between; border-top: 1px solid #efefef; line-height: 2rem; }
.pay-detail .pay-content .pay-bar .actual-name { font-size: .7rem; color: #333; }
.pay-detail .pay-content .pay-bar .actual-amount { color: #F1514E; font-size: .7rem; }
.pay-detail .pay-info { margin-top: .5rem; padding: .75rem; background: #fff; }
.pay-detail .pay-info dl { line-height: 1.5rem; display: flex; justify-content: space-between; }
.pay-detail .pay-info dl dt { font-size: .7rem; color: #999; }
.pay-detail .pay-info dl dd { font-size: .7rem; color: #333; }

.payment-box { position: absolute; top: 50px; left: 0; right: 0; bottom: 0; padding: 3rem 1.5rem 1.5rem; text-align: center; }
.payment-box .iconfont { font-size: 4rem; color: #5CD680; }
.payment-box span { display: block; font-size: 1rem; color: #333; line-height: 1rem; }
.payment-box p { font-size: .7rem; color: #666; line-height: 1rem; }

.v-tag .answer-logo { position: relative; }
.v-tag .answer-logo img { position: relative; border: 2px solid #FFB300; z-index: 2; }
.v-tag .answer-logo:after { position: absolute; right: -.2rem; top: -.5rem; content: ""; width: 1rem; height: 1rem; background: url(../../images/must/vip-ico.png) no-repeat; background-size: 1rem; z-index: 1; }
.v-tag .v-nametag { padding-right: .85rem !important; background: url(../../images/must/my-vipicon.png) no-repeat right center; background-size: .65rem; margin-right: .25rem; }

.notvipguide { padding: .75rem; }
.notvipguide a { display: flex; padding: .5rem; background: #F1CF8D; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.notvipguide .vipguide-text { flex: 1; font-size: .8rem; color: #2C2010; line-height: 1.5rem; padding-left: 2rem; background: url(../../images/must/notvipguide.png) no-repeat left center; background-size: 1.5rem; }
.notvipguide .vipguide-btn { height: 1.5rem; line-height: 1.5rem; padding: 0 .75rem; color: #F1CF8D; -moz-border-radius: 0.75rem; -webkit-border-radius: 0.75rem; -o-border-radius: 0.75rem; -ms-border-radius: 0.75rem; -khtml-border-radius: 0.75rem; border-radius: 0.75rem; background-image: linear-gradient(to right, #302413, #523F23); }

.isvipguide { background: #F9ECDC; line-height: 2.5rem; padding: 0 .75rem; }
.isvipguide a { display: flex; }
.isvipguide .vipguide-text { flex: 1; font-size: .8rem; color: #C78223; padding-left: 1.5rem; background: url(../../images/must/vipguide.png) no-repeat left center; background-size: 1rem; }
.isvipguide .vipguide-btn { font-size: .7rem; color: #C78223; }

.intention-contrast { padding-top: .5rem; }
.intention-contrast button { border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 1.5rem; padding: 0 .5rem; height: 1.5rem; line-height: 1.5rem; font-size: .7rem; }
.intention-contrast button:hover { background: white; }
.intention-contrast button:focus { outline: none !important; }
.intention-contrast button i { font-size: .8rem; float: left; margin-right: .25rem; }

.contrast-btn { position: fixed; bottom: 5.5rem; right: 1rem; width: 2.5rem; height: 2.5rem; background: #33C3A6; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; z-index: 9; }
.contrast-btn span { padding: .4rem .5rem; width: 2.5rem; height: 2.5rem; display: block; color: #fff; text-align: center; font-size: .6rem; }
.contrast-btn i { position: absolute; right: -5px; top: -5px; width: 1rem; height: 1rem; line-height: 1rem; font-size: .6rem; text-align: center; color: #fff; background: #f1514e; border-radius: 50%; border: 1px solid #fff; }

.m-guide .swiper-slide span { display: block; cursor: pointer; }
.m-guide .swiper-slide span img { width: 100%; height: auto; }
.m-guide .guidelink { display: block; }
.m-guide .guidelink img { width: 100%; height: auto; }

.shut-down-box{ position: fixed;top: 0;left: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,.6);z-index: 999;}
.shut-down-box .content-box{padding: 1.2rem 1rem 1rem;position: absolute;background-color: #fff;border-radius: 4px;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.shut-down-box .content-box img{position: absolute;top: 0.75rem;right: 0.75rem;width:0.9rem;height: 0.9rem;}
.shut-down-box .content-box h1{color: #333;font-size: 0.8rem;text-align: center;}
.shut-down-box .content-box p{padding-top: 0.6rem;padding-bottom: 1rem;width: 12rem;color: #333;}
.shut-down-box  .close-btn{background: linear-gradient(125deg, #68D6BF 0%, #33C3A6 100%);border-radius: 1rem;width: 12rem;height: 2rem;line-height: 2rem;color: #fff;font-size: 0.7rem;text-align: center;}

.mglrb { margin: 0 1rem .75rem 1rem !important; }

.mglr { margin: 0 1rem !important; }

.mgt { margin-top: .75rem !important; }

.mgb { margin-bottom: .75rem !important; }

.mgnull { margin: 0 !important; }

.radius { border-radius: .3rem; overflow: hidden; }

.fixedguide span { display: block; }
.fixedguide span img { display: block; width: 100%; height: auto; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -o-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; }

.guild-text { display: block; font-size: .7rem; line-height: 1.25rem; color: #5DA2FB; cursor: pointer; text-decoration: underline; }

.fdbk-list { padding: 1rem; }
.fdbk-list .fdbk-cell { padding: .5rem; background: #fff; border: none; border-radius: .25rem; }
.fdbk-list .fdbk-cell ~ .fdbk-cell { margin-top: .75rem; }
.fdbk-list .fdbk-cell:after { height: 0; }

.fdbk-text > span { display: block; font-size: .75rem; color: #101010; font-weight: 600; }
.fdbk-text > p { padding: .5rem 0; }
.fdbk-text > p a { color: #101010; font-size: .75rem; }
.fdbk-text .listbar { line-height: .75rem; }
.fdbk-text .listbar time { font-size: .6rem; color: #999; }
.fdbk-text .listbar .listbar-r .state { color: #17AA30; font-size: .7rem; padding-right: .5rem; }
.fdbk-text .listbar .listbar-r .state.onbeing { color: #FD3237; }
.fdbk-text .listbar .listbar-r .detail { font-size: .7rem; color: #101010; padding-left: .5rem; border-left: 1px solid #999; }

.fdbk-detail { padding: 0 1rem; }
.fdbk-detail .title { height: 2rem; font-size: .7rem; line-height: 2rem; font-weight: bold; color: #101010; }
.fdbk-detail .fdbk-msg { padding: .5rem; background: #fff; border-radius: .5rem; }
.fdbk-detail .fdbk-msg .fdbk-bar { display: flex; height: 1.5rem; line-height: 1.5rem; font-size: .7rem; align-items: center; justify-content: space-between; }
.fdbk-detail .fdbk-msg .fdbk-bar .state { color: #17AA30; }
.fdbk-detail .fdbk-msg .fdbk-bar .state.onbeing { color: #FD3237; }
.fdbk-detail .fdbk-msg .fdbk-bar time { color: #999; }
.fdbk-detail .fdbk-msg .reply-state span { font-size: .7rem; color: #FD3237; line-height: 1.5rem; }
.fdbk-detail .fdbk-msg .fdbk-help { display: flex; padding: .75rem 0 .5rem 0; align-items: center; justify-content: center; }
.fdbk-detail .fdbk-msg .fdbk-help button { margin: 0 .5rem; padding: 0 2rem; line-height: 2rem; border-radius: 1rem; border: none; }
.fdbk-detail .fdbk-msg .fdbk-help .help-bad { border: 1px solid #CCC; color: #ccc; }
.fdbk-detail .fdbk-msg .fdbk-help .help-bad.active { border: 1px solid #FD3237; color: #FD3237; }
.fdbk-detail .fdbk-msg .fdbk-help .help-good { background: #CCC; color: #fff; }
.fdbk-detail .fdbk-msg .fdbk-help .help-good.active { background: linear-gradient(56deg, #ff6a30 0%, #fd3237 100%); }

.describe-info { padding-bottom: .5rem; }
.describe-info .info-title { display: block; font-size: .7rem; color: #101010; padding-bottom: .5rem; font-weight: bold; }
.describe-info .info-msg { font-size: .7rem; color: #101010; line-height: 20px; }
.describe-info .info-msg.hiddenmsg { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.describe-info .open-btn { display: none; padding-top: .5rem; text-align: center; }
.describe-info .open-btn button { border: none; color: #FD3237; font-size: .7rem; padding: 0; }
.describe-info .open-btn button.onopen i { display: inline-block; transform: rotate(180deg); }
.describe-info .info-img { display: flex; }
.describe-info .info-img li { flex: 1; margin: 0 .25rem; }
.describe-info .info-img li img { width: 100%; height: auto; }

.assign-explain { padding: 1rem; background: #F5F5F5; }
.assign-explain p { margin: 0; line-height: 1rem; font-size: .6rem; color: #999; }

.assign-list { padding: 0 1rem; }
.assign-list li { display: flex; padding: .75rem 0; border-bottom: 1px solid #EFEFEF; }
.assign-list li .assign-l { flex: 1; }
.assign-list li .assign-l h5 { margin: 0; }
.assign-list li .assign-l h5 a { font-size: .9rem; color: #101010; }
.assign-list li .assign-l p { color: #999; font-size: .7rem; padding-top: .5rem; margin: 0; }
.assign-list li .assign-r { display: flex; width: 2rem; justify-content: center; align-items: center; }
.assign-list li .assign-r i { font-size: 1rem; }

.job-directory { padding: .5rem; }
.job-directory p { background: #EEF7FC; margin: 0; padding: .5rem; font-size: .7rem; line-height: 1rem; color: #3D73BF; }

.pop-directory { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; border-radius: .5rem .5rem 0 0; padding: 1rem 1rem 0 1rem; }
.pop-directory .close-directory { position: absolute; right: .25rem; top: .25rem; font-size: 2rem; }
.pop-directory .directory-title { font-size: .9rem; color: #101010; }
.pop-directory .directory-note { font-size: .6rem; color: #999; padding: .5rem 0; }
.pop-directory .directory-onselect { display: flex; font-size: .7rem; line-height: 1.25rem; color: #101010; padding-bottom: .75rem; margin-bottom: .75rem; border-bottom: 1px solid #EFEFEF; }
.pop-directory .directory-onselect span { flex: 1; }
.pop-directory .directory-onselect .icon-delete { width: 2rem; font-size: 1rem; text-align: center; color: #999; }
.pop-directory .directory-belong { font-size: .8rem; color: #333; line-height: 1rem; padding: .5rem 0; }
.pop-directory .directory-belong span { font-weight: 600; }

.directory-tab { padding-top: .75rem; }
.directory-tab .tab-nav li { position: relative; float: left; font-size: .8rem; font-weight: 600; padding-bottom: .25rem; }
.directory-tab .tab-nav li ~ li { margin-left: 1rem; }
.directory-tab .tab-nav li.active:after { position: absolute; bottom: 0; left: 50%; margin-left: -.5rem; content: ""; display: block; width: 1rem; height: .15rem; background: #FD3237; }
.directory-tab .tab-content { padding: .5rem 0 .75rem 0; width: 100%; height: 40vh; overflow-y: scroll; overflow-x: hidden; }
.directory-tab .tab-content .directory-list { padding: 0 .5rem; position: absolute; top: 0; left: 100%; background: #fff; z-index: 1; width: 100%; height: 0; }
.directory-tab .tab-content .directory-list.onactive { display: inherit; position: relative; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; left: 0; z-index: 10; height: 100%; overflow-y: scroll; }
.directory-tab .tab-content .directory-list.onactive::scrollbar { display: none; }
.directory-tab .tab-content .directory-list li { padding: .5rem 0; font-size: .7rem; line-height: 1rem; }

.mask-directory { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 11; }

.m-faq { position: relative; background: #fff; min-height: 100vh; padding-bottom: 2.5rem; }

.faq-fdback { position: fixed; width: 100%; bottom: 0; line-height: 2.5rem; text-align: center; background: #fff; z-index: 20; }
.faq-fdback a { display: inline-block; font-size: 0.7rem; color: #666; text-decoration: underline; }

.faq-nav { padding: 1rem 0; width: 100%; overflow-x: scroll; }
.faq-nav::-webkit-scrollbar { width: 4px; height: 4.5px; display: none; }
.faq-nav li { width: 100px; height: 4.5rem; text-align: center; float: left; }
.faq-nav li a { display: block; }
.faq-nav li span { display: block; width: 2.5rem; height: 2.5rem; margin: 0 auto; }
.faq-nav li span img { width: 100%; height: auto; }
.faq-nav li i { display: block; font-size: .7rem; line-height: 2rem; text-align: center; font-weight: 600; }

.faq-list { padding: 0 .75rem; }
.faq-list .title span { position: relative; display: inline-block; font-size: 0.9rem; padding-left: 0.5rem; color: #333; }
.faq-list .title span:after { position: absolute; left: 0; top: 50%; margin-top: -0.375rem; content: ""; width: 0.15rem; height: 0.75rem; background: #f1514e; }
.faq-list .m-list li { position: relative; padding: 0.5rem 0; line-height: 1.25rem; }
.faq-list .m-list li a { display: block; font-size: 0.7rem; color: #333; padding-right: 1rem; }
.faq-list .m-list li:after { position: absolute; top: 50%; margin-top: -0.5rem; right: 0; transform: rotate(-90deg); content: "\e68c"; color: #bbb; line-height: 1rem; font-family: "iconfont" !important; font-size: .8rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; }

.m-faq .tab-nav { position: fixed; top: 50px; width: 100%; height: 2.5rem; background: #fff; z-index: 20; }
.m-faq .tab-nav ul { display: flex; }
.m-faq .tab-nav ul li { flex: 1; text-align: center; font-size: .8rem; color: #333; height: 2.5rem; line-height: 2.5rem; }
.m-faq .tab-nav ul li i { display: inline-block; line-height: 2.5rem; }
.m-faq .tab-content { padding: 2.5rem .75rem 0 .75rem; }

.faq-detail { padding: .75rem; }
.faq-detail h1 { font-size: .8rem; color: #333; line-height: 1.25rem; padding-bottom: .5rem; }
.faq-detail .faq-article p { font-size: .7rem; line-height: 1.25rem; color: #666; }

.politics-tips-content{ position: absolute;left: 0; bottom: 0;width: 100%;background: #FFFFFF;padding-top: 1.3rem;padding-bottom: 3.33rem; border-radius: 0.88rem 0.88rem 0 0; text-align: center;}
.politics-tips-content h1{ font-size: 1rem;color: #333;}
.politics-tips-content p{margin-top: 0.88rem;margin-bottom: 1.78rem;font-size:0.77rem;color: #999;padding: 0 1.1rem;}
.politics-tips-content .politics-btn-box{ display: flex;justify-content: center; }
.politics-tips-content .politics-btn{ width: 7.1rem;height: 2rem;line-height: 2rem;border: 1px solid #20B89A;border-radius: 8px;color: #20B89A;font-size: 0.78rem;}
.politics-tips-content .politics-confirm{ border: none;background: #20B89A;color: #fff; margin-left:0.88rem;} 

.pop-deadline { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; }
.pop-deadline .m-deadline { width: 80vw; background: #fff; border-radius: .5rem; }
.pop-deadline .m-deadline .title { text-align: center; font-size: .9rem; line-height: 2.5rem; color: #101010; font-weight: bold; }
.pop-deadline .m-deadline .text { padding: 0 1rem 1rem; font-size: .7rem; line-height: 1.25rem; color: #333; max-height: 60vh; min-height: 3.5rem; overflow: scroll; word-break: break-all; margin: 0; }
.pop-deadline .m-deadline .close-btn { display: block; text-align: center; line-height: 2.5rem; font-size: .8rem; color: #33C3A6; border-top: 1px solid #efefef; }

.pop-appguide, .pop-appguidejob { position: absolute; left: 0; right: 0; bottom: 0; padding: .75rem; background: #fff; border-radius: .75rem .75rem 0 0; animation: popbottom .5s linear; }
.pop-appguide .pop-close, .pop-appguidejob .pop-close { position: absolute; top: .75rem; right: .75rem; }
.pop-appguide .appguide-info .title, .pop-appguidejob .appguide-info .title { text-align: center; font-size: .9rem; font-weight: bold; color: #333; }

.pop-appguidejob::after { position: absolute; top: .5rem; left: .5rem; content: ""; width: 3rem; height: 3rem; background: url(../../images/must/introduce/sample.png) no-repeat; background-size: 3rem; animation: showlucency .25s 1.5s both; }

.introduce-box { padding: 1rem 0; }
.introduce-box .introduce-list { display: flex; }
.introduce-box .introduce-list li { flex: 1; }
.introduce-box .introduce-list li ~ li { margin-left: .5rem; }
.introduce-box .introduce-list ~ .introduce-list { margin-top: .5rem; }
.introduce-box .introduce-first li { position: relative; border-radius: .5rem; padding: .5rem 1rem; overflow: hidden; }
.introduce-box .introduce-first li span { position: relative; display: block; font-size: .9rem; color: #fff; padding-bottom: .25rem; z-index: 2; }
.introduce-box .introduce-first li p { margin: 0; font-size: .6rem; color: #fff; line-height: 1rem; }
.introduce-box .introduce-first li::before { position: absolute; top: -.75rem; left: -.25rem; content: ""; width: 3rem; height: 2.5rem; background: rgba(255, 255, 255, 0.2); border-radius: 50%; z-index: 1; }
.introduce-box .introduce-first li:first-child { background: linear-gradient(135deg, #FE4A30 0%, #FF695A 100%); }
.introduce-box .introduce-first li:first-child::after { position: absolute; right: .5rem; bottom: 0; content: ""; width: 1.45rem; height: 2.5rem; background: url(../../images/must/introduce/nb-1.png) no-repeat; background-size: 100%; }
.introduce-box .introduce-first li:last-child { background: linear-gradient(90deg, #FF9F31 0%, #FFBC5C 100%); }
.introduce-box .introduce-first li:last-child::after { position: absolute; right: .5rem; bottom: 0; content: ""; width: 1.45rem; height: 2.5rem; background: url(../../images/must/introduce/nb-2.png) no-repeat; background-size: 100%; }
.introduce-box .introduce-next li { position: relative; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08); padding: .5rem .5rem; border-radius: .5rem; overflow: hidden; }
.introduce-box .introduce-next li span { display: block; font-weight: bold; font-size: .8rem; color: #33C3A6; padding-bottom: .25rem; }
.introduce-box .introduce-next li p { font-size: .6rem; color: #999; margin: 0; }
.introduce-box .introduce-next li::after { position: absolute; right: -0.25rem; top: -0.25rem; content: ""; width: 1.75rem; height: 1.75rem; border-radius: 50%; }
.introduce-box .introduce-next li:nth-child(1)::after { background: #e6f8f4 url(../../images/must/introduce/nb-3.png) no-repeat 0.5rem 0.5rem; background-size: .6rem; }
.introduce-box .introduce-next li:nth-child(2)::after { background: #e6f8f4 url(../../images/must/introduce/nb-4.png) no-repeat 0.5rem 0.5rem; background-size: .6rem; }
.introduce-box .introduce-next li:nth-child(3)::after { background: #e6f8f4 url(../../images/must/introduce/nb-5.png) no-repeat 0.5rem 0.5rem; background-size: .6rem; }

.lucencyone { animation: showlucency .35s .5s both; }

.lucencytwo { animation: showlucency .35s .6s both; }

.lucencythree { animation: showlucency .35s .7s both; }

.mate-box { padding-bottom: 1rem; }
.mate-box .mate-head { padding-top: .25rem; }
.mate-box .mate-head p { text-align: center; font-size: .7rem; color: #999; margin: 0; }
.mate-box .mate-head span { display: block; padding-top: .25rem; text-align: center; }
.mate-box .mate-head span i { display: inline-block; width: 1.5rem; height: 1.5rem; background: url(../../images/must/introduce/grey-star.png) no-repeat; background-size: 100%; }
.mate-box .mate-head span i.selected { background: url(../../images/must/introduce/star.png) no-repeat; background-size: 100%; }

.mate-btn, .introduce-btn { padding-top: 1rem; text-align: center; animation: listItemShow .35s .9s both; }
.mate-btn a, .mate-btn button, .introduce-btn a, .introduce-btn button { display: inline-block; padding: .5rem 1rem; -moz-border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -o-border-radius: 1.5rem; -ms-border-radius: 1.5rem; -khtml-border-radius: 1.5rem; border-radius: 1.5rem; border: none; font-size: .8rem; color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); }

.introduce-btn { animation: none; }

.mate-list { padding-top: .5rem; }
.mate-list .list-head { display: flex; background: #f5f5f5; border-radius: .5rem; }
.mate-list .list-head li { flex: 1; line-height: 2rem; text-align: center; font-size: .6rem; color: #999; }
.mate-list .list-info li { display: flex; padding: .75rem 0; margin-top: .5rem; line-height: 1rem; border-radius: .25rem; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.08); }
.mate-list .list-info li * { flex: 1; }
.mate-list .list-info li span i { display: block; padding-left: 2rem; font-size: .7rem; color: #999; }
.mate-list .list-info li span .xl { background: url(../../images/must/introduce/xl.png) no-repeat 0.5rem center; background-size: 1rem; }
.mate-list .list-info li span .zy { background: url(../../images/must/introduce/zy.png) no-repeat 0.5rem center; background-size: 1rem; }
.mate-list .list-info li span .nl { background: url(../../images/must/introduce/nl.png) no-repeat 0.5rem center; background-size: 1rem; }
.mate-list .list-info li span .hj { background: url(../../images/must/introduce/hj.png) no-repeat 0.5rem center; background-size: 1rem; }
.mate-list .list-info li em { text-align: center; font-size: .7rem; color: #333; }
.mate-list .list-info li em i { color: #37C745; }
.mate-list .list-info li:last-child { opacity: .5; }

.show-mate1 { animation: listItemShow .5s .1s both; }

.show-mate2 { animation: listItemShow .5s .3s both; }

.show-mate3 { animation: listItemShow .5s .5s both; }

.show-mate4 { animation: popbottom .5s .7s both; }

.Picker-tag { display: flex; position: absolute; top: -2.5rem; left: 0; right: 0; height: 2.5rem; line-height: 1.5rem; padding: .5rem .75rem; background: linear-gradient(to right, #FFDCA9, #FBE5CD); border-radius: .5rem .5rem 0 0; }
.Picker-tag span { flex: 1; color: #8F5932; font-size: .8rem; padding-left: 2.5rem; background: url("../../images/must/vip-tag.png") no-repeat left center; background-size: auto 1rem; }
.Picker-tag a { background: #3C3C3C; line-height: 1.5rem; border-radius: 1rem; padding: 0 .5rem; font-size: .8rem; color: #FBE5CD; }

.experience-list { padding: .6rem; }
.experience-list .listbox li { padding: .6rem; background: #fff; border-radius: .4rem; }
.experience-list .listbox li .title { display: flex; justify-content: space-between; line-height: 1.5rem; padding-bottom: .25rem; }
.experience-list .listbox li .title span { font-size: .7rem; font-weight: bold; }
.experience-list .listbox li dl { display: flex; line-height: 1.5rem; font-size: .7rem; color: #333; }
.experience-list .listbox li dl dd { flex: 1; text-align: right; }
.experience-list .listbox li dl dd i { color: #ccc; }
.experience-list .listbox li .list-bar { display: flex; justify-content: space-between; margin-top: .5rem; padding-top: .5rem; border-top: 1px solid #efefef; }
.experience-list .listbox li .list-bar label { line-height: 1.5rem; }
.experience-list .listbox li .list-bar label i { margin-right: .25rem; }
.experience-list .listbox li ~ li { margin-top: .6rem; }

.layui-m-layerbtn { border-top: 1px solid #eee !important; background: #fff !important; }
.layui-m-layerbtn span[yes] { color: #FA4628 !important; }
.layui-m-layerbtn span[no] { color: #999 !important; border-right: 1px solid #eee !important; }

.layui-m-layer-close h3 { color: #333; }
.layui-m-layer-close .layui-m-layercont { padding: 0.5rem 1rem; }
.layui-m-layer-close .layui-m-layercont p { color: #333; margin: 0; padding: .25rem 0; text-align: left; }
.layui-m-layer-close .layui-m-layerbtn span[yes] { color: #999 !important; }

.pop-down-file { position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.pop-down-file .pop-close { position: absolute; top: .5rem; right: .5rem; }
.pop-down-file .downfile-box { background: #fff; padding: .75rem; border-radius: .25rem; }
.pop-down-file .downfile-box .title { text-align: center; line-height: 1.25rem; font-size: .9rem; color: #333; font-weight: bold; }
.pop-down-file .downfile-box .file-name { padding: 1rem 0; font-size: .7rem; text-align: center; }
.pop-down-file .downfile-box .downfile-btn { text-align: center; }
.pop-down-file .downfile-box .downfile-btn button { width: 80%; height: 35px; line-height: 35px; border-radius: 15px; padding: 0 10px; border: none; font-size: 14px; color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); }
.pop-down-file .downfile-box p { text-align: center; padding-top: 1rem; }
.pop-down-file .downfile-box p span { display: inline-blick; font-size: .7rem; color: #999; }

.pop-other-down { position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.pop-other-down .pop-close { position: absolute; top: .5rem; right: .5rem; }
.pop-other-down .otherdown-box { background: #fff; padding: .75rem .75rem 2rem .75rem; border-radius: .25rem; }
.pop-other-down .otherdown-box .title { text-align: center; line-height: 1.25rem; font-size: .9rem; color: #333; font-weight: bold; }
.pop-other-down .otherdown-box .otherdown-info { padding-top: 1rem; text-align: center; }
.pop-other-down .otherdown-box .otherdown-info span { font-size: .7rem; color: #333; }
.pop-other-down .otherdown-box .otherdown-info p { padding-top: .5rem; font-size: .7rem; color: #fa4628; }
.pop-other-down .otherdown-box .otherdown-btn { display: flex; }
.pop-other-down .otherdown-box .otherdown-btn .otherdown-sure { width: 25vw; border-radius: 35px; height: 35px; font-size: .7rem; color: #33C3A6; border: 1px solid #33C3A6; }
.pop-other-down .otherdown-box .otherdown-btn .special-btn { margin-left: .5rem; flex: 1; }
.pop-other-down .otherdown-box .otherdown-btn .special-btn button { width: 100%; height: 35px; line-height: 35px; border-radius: 15px; padding: 0 10px; border: none; font-size: 14px; color: #fff; background: linear-gradient(45deg, #68d6BF, #33C3A6); }
.pop-other-down .otherdown-box::after { position: absolute; bottom: -3.5rem; left: 50%; margin-left: -3.75rem; content: ""; background: url("../../images/must/downfile-ico.png") no-repeat; background-size: 100%; width: 7.5rem; height: 5.5rem; }